Skip to content

A
Asistencia
Commit ff497ee3 by Billy Larru
Options

reduccion de espacio del sidebar

parent 095fe798
Showing with 236 additions and 41 deletions
src/main/webapp/css/general.css
......@@ -23,4 +23,206 @@ btn-green{
.table-sm > thead > tr > th, .table-sm > tbody > tr > th, .table-sm > tfoot > tr > th, .table-sm > thead > tr > td, .table-sm > tbody > tr > td, .table-sm > tfoot > tr > td {
padding: 6px 10px;
}
\ No newline at end of file
}
.fix-label{
width: 100%;
text-align: left;
font-size: 13px;
font-weight: 500;
}
/* PAGE-HEADER */
.page-title{
padding: 16px 36px 16px 0;
}
/* ACTIVE LINK */
.navigation > li > ul li:first-child{
padding-top: 0;
}
/* ACTIVE LINK */
.navigation > li > ul li:last-child{
padding-bottom: 0;
}
.navbar-header{
width: 200px;
}
.media-left, .media > .pull-left{
padding-right: 0;
}
/* USER CONTENT */
.tp-sidebar-category-content{
display: flex;
flex-direction: column;
text-align: center;
background: url("../../img/edited_02.jpg") no-repeat center;
background-size: cover;
box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.75)
}
/*.header-highlight .navbar-header:not([class*=bg-]){
box-shadow: none;
background-color: var(--primary-color-dark);
}*/
/* SIDEBAR NAVIGATION */
.navigation > li ul li a{
padding: 8px 52px;
min-height: 36px;
}
.navigation > li > a{
padding: 8px 20px 8px 16px;
min-height: 36px;
}
.navigation .navigation-header{
padding: 10px 16px;
}
.navigation > li.active > a, .navigation > li.active > a:hover, .navigation > li.active > a:focus{
background-color: var(--primary-color);
}
/* PANELES */
.panel-heading{
padding: 9px 15px;
}
/* SIDEBAR */
/*.sidebar{
background-color: var(--primary-color-dark);
box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.75);
}*/
/* NAVBAR */
.navbar-inverse{
background-color: var(--primary-color-dark);
border: none;
}
/* TABLA */
.table-xxs > thead > tr > th, .table-xxs > tbody > tr > th, .table-xxs > tfoot > tr > th, .table-xxs > thead > tr > td, .table-xxs > tbody > tr > td, .table-xxs > tfoot > tr > td{
padding: 2px 10px;
}
.table tr, .table th, .table td, .htContextMenu td, .ranges ul li{
height: 30px;
}
.datatable-header{
padding-top: 0px;
}
/* BOTONES */
.btn{
padding: 5px 8px;
}
/* HEADING ELEMENTS */
.heading-elements{
margin-top: -16px;
}
@media only screen and (max-width: 768px){
.panel-heading .visible-elements{
margin: 15px -15px 0 -15px;
}
.panel .visible-elements{
padding: 8px;
}
.sidebar-mobile-main .sidebar-main, .sidebar-mobile-secondary .sidebar-secondary, .sidebar-mobile-opposite .sidebar-opposite, .sidebar-mobile-detached .sidebar-detached > .sidebar{
width: 100%;
}
.sidebar-user + .sidebar-category .navigation{
padding-bottom: 0;
}
.sidebar-content{
padding-bottom: 0px;
}
}
/* BREADCRUMBS */
.breadcrumb{
padding: 7px 0;
}
/* MODALES */
.modal-header[class*=bg-]{
padding: 9px 15px;
}
/* MEDIA OBJECTS */
.media-left, .media > .pull-left{
padding-right: 15px;
}
/*JQUERY CONFIRMATION*/
.jconfirm .jconfirm-box.jconfirm-type-blue{
border-top: solid 7px #3ba4ce;
}
.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{
color: #3ba4ce !important;
}
/*HEADER*/
.tp-header-right-table-button{
width: 180px;
}
.tp-header-right-table-button > i{
font-size: 20px;
}
@media only screen and (min-width: 769px) {
.sidebar{
width: 200px;
}
.navbar-header{
min-width: 200px;
}
.sidebar-xs .sidebar-main .navigation > li > a > span{
background-color:var(--primary-color);
border: 1px solid var(--primary-color);
right: -200px;
width: 200px;
padding: 7px 20px;
}
.sidebar-xs .sidebar-main .navigation > li.active > ul{
position: absolute;
top: 36px;
width: 200px;
right: -200px;
}
.sidebar-xs .sidebar-main .navigation > li > ul{
position: absolute;
top: 36px;
width: 200px;
right: -200px;
}
}
/*
@media only screen and (max-width: 768px) {
.sidebar{
width: 200px;
}
.navbar-header{
min-width: 100%;
}
}*/
\ No newline at end of file
src/main/webapp/vistas/proyectarAsistenciaPolicias.jsp 0 → 100644
<%@include file="templates/validar.jsp" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<%@include file="templates/header.jsp" %>
<!--template-core-->
<!--css de la pagina-->
<!--css-->
</head>
<body>
<%@include file="templates/header-body.jsp" %>
<!-- content -->
<!-- / content -->
<%@include file="templates/footer-body.jsp"%>
<!--js de la pagina-->
<!--js-->
</body>
</html>
\ No newline at end of file
src/main/webapp/vistas/templates/sidebar.jsp
......@@ -4,22 +4,15 @@
<!-- User menu -->
<div class="sidebar-user">
<div class="category-content">
<div class="category-content tp-sidebar-category-content">
<a href="main.jsp" class="media-left" style="padding-right: 0px;">
<!--box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);-->
<img alt="Avatar usuario" class="avatar" style=" border-radius: 50%; border:2px solid white;">
</a>
<div class="media">
<a href="#" class="media-left"><img src="" class="avatar" alt=""></a>
<div class="media-body">
<span id="usuario-nombre" class="media-heading text-semibold"> </span>
<div id="roles-usuario" class="text-size-mini text-muted">
</div>
</div>
<div class="media-right media-middle">
<ul class="icons-list">
<li>
<a href="javascript:void(0)"><i class="icon-cog3"></i></a>
</li>
</ul>
<span id="usuario-nombre" class="media-heading text-semibold"></span>
<div id="roles-usuario" class="text-size-mini text-muted"></div>
</div>
</div>
</div>
......@@ -31,32 +24,7 @@
<div class="sidebar-category sidebar-category-visible">
<div class="category-content no-padding">
<ul class="navigation navigation-main navigation-accordion" id="MENU">
<!-- Main
<li class="navigation-header">
<span><i class="icon-menu" title="Main pages"></i> MEN PRINCIPAL</span>
</li>
<li>
<a href="#"><i class="fa fa-gears fa-lg"></i> <span>MANTENIMIENTO</span></a>
<ul>
<li><a href="../vistas/mantenimientoPersona.jsp"><span>PERSONA</span></a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-exclamation-triangle fa-lg"></i> <span>REPORTES</span></a>
<ul>
<li><a href="../vistas/reportePersona.jsp" id="layout1">PERSONA</a></li>
</ul>
</li>
<li class="navigation-header">
<span><i class="icon-menu" title="Main pages"></i> MEN SECUNDARIO</span>
</li>
<li>
<a href="#"><i class="fa fa-search fa-lg"></i> <span>CONSULTA</span></a>
<ul>
<li><a href="../vistas/consultaUbigeo.jsp"><span>UBIGEO</span></a></li>
</ul>
</li>-->
</ul>
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment