loviuz/openstamanager
loviuz/openstamanager
1
0
Fork 0
mirror of https://github.com/devcode-it/openstamanager.git synced 2025-02-19 21:10:49 +01:00
Code Issues Releases Activity

Fix pulsanti navbar da mobile

Browse Source
This commit is contained in:
Thomas Zilio 2019-05-10 20:35:00 -07:00
parent 79e9b7df5f
commit 6143a25c83
2 changed files with 90 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

147
assets/src/css/style.css
View File

@ -29,13 +29,6 @@ a.disabled {
opacity: 0.6; opacity: 0.6;
} }
.btn-calendar>.btn {
color: inherit;
background: transparent;
font-size: 20px;
margin-top: 2px;
}
#progress { #progress {
margin: auto; margin: auto;
position: relative; position: relative;
@ -150,13 +143,13 @@ a.disabled {
filter: alpha(opacity=90); filter: alpha(opacity=90);
} }
#main_loading>div { #main_loading > div {
position: relative; position: relative;
top: 50%; top: 50%;
color: #333; color: #333;
} }
#main_loading>div>i { #main_loading > div > i {
font-size: 300px; font-size: 300px;
margin-top: -150px; margin-top: -150px;
color: #e24e1e; color: #e24e1e;
@ -169,10 +162,10 @@ a.disabled {
z-index: 9000; z-index: 9000;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba( 0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.15);
} }
#mini-loader>div { #mini-loader > div {
position: absolute; position: absolute;
bottom: 50%; bottom: 50%;
left: 50%; left: 50%;
@ -198,19 +191,15 @@ body .header .logo {
} }
.btn-github { .btn-github {
color: #ffffff; color: #ffffff !important;
background-color: #444444; background-color: #444444 !important;
border-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2) !important;
} }
.btn-github:hover, .navbar-custom-menu>ul>li>a:hover,
.btn-github:focus, .navbar-custom-menu>ul>li>a:focus,
.btn-github:active, .navbar-custom-menu>ul>li>a:active{
.btn-github.active, filter: brightness(75%);
.open .dropdown-toggle.btn-github {
color: #ffffff;
background-color: #303030;
border-color: rgba(0, 0, 0, 0.2);
} }
.btn-github:active, .btn-github:active,
@ -252,7 +241,7 @@ span.form-control {
padding: 5px 8px; padding: 5px 8px;
} }
.dropdown.col-md-3>.dropdown-menu { .dropdown.col-md-3 > .dropdown-menu {
width: 91.5%; width: 91.5%;
left: 15px; left: 15px;
padding: 5px; padding: 5px;
@ -301,16 +290,16 @@ span.form-control {
opacity: 0.4; opacity: 0.4;
} }
.close:focus, .close:hover{ .close:focus, .close:hover {
opacity: 0.8; opacity: 0.8;
} }
.li-widget button.close:hover, .li-widget button.close:focus{ .li-widget button.close:hover, .li-widget button.close:focus {
opacity: 0.3; opacity: 0.3;
} }
.li-widget button.close{ .li-widget button.close {
padding-right:5px; padding-right: 5px;
opacity: 0.1; opacity: 0.1;
} }
@ -323,17 +312,16 @@ span.form-control {
font-size: 11px; font-size: 11px;
} }
.nav-tabs-custom>.nav-tabs.pull-right>li>a.back-btn { .nav-tabs-custom > .nav-tabs.pull-right > li > a.back-btn {
font-size: 12px; font-size: 12px;
color: #3C8DBC; color: #3C8DBC;
} }
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
{
white-space: normal; white-space: normal;
} }
.nav-tabs-custom>.nav-tabs.pull-right>li>a.back-btn:hover { .nav-tabs-custom > .nav-tabs.pull-right > li > a.back-btn:hover {
cursor: pointer; cursor: pointer;
color: #72AFD2; color: #72AFD2;
} }
@ -425,7 +413,7 @@ span.form-control {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset; box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
} }
.sidebar-menu li>a>.pull-right-container { .sidebar-menu li > a > .pull-right-container {
position: absolute; position: absolute;
padding: 12px; padding: 12px;
right: 10px; right: 10px;
@ -488,7 +476,7 @@ span.form-control {
border: 0px; border: 0px;
} }
.input-group-addon.no-padding>* { .input-group-addon.no-padding > * {
border-radius: 0px; border-radius: 0px;
} }
@ -532,21 +520,27 @@ input.small-width {
} }
@media (max-width: 480px) { @media (max-width: 480px) {
#main_loading>div>i { #main_loading > div > i {
font-size: 160px; font-size: 160px;
margin-top: -80px; margin-top: -80px;
} }
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.navbar-left{
display: none;
}
.box-center, .box-center,
.box-center-large { .box-center-large {
width: 90%; width: 90%;
margin-top: 20px margin-top: 20px
} }
.main-header .logo { .main-header .logo {
display: none; display: none;
} }
/* /*
.content-wrapper, .content-wrapper,
.right-side, .right-side,
@ -563,12 +557,12 @@ input.small-width {
} }
@media screen and (max-width: 992px) { @media screen and (max-width: 992px) {
.table-bordered>thead>tr>th, .table-bordered > thead > tr > th,
.table-bordered>tbody>tr>th, .table-bordered > tbody > tr > th,
.table-bordered>tfoot>tr>th, .table-bordered > tfoot > tr > th,
.table-bordered>thead>tr>td, .table-bordered > thead > tr > td,
.table-bordered>tbody>tr>td, .table-bordered > tbody > tr > td,
.table-bordered>tfoot>tr>td { .table-bordered > tfoot > tr > td {
word-break: break-all; word-break: break-all;
} }
} }
@ -577,6 +571,7 @@ input.small-width {
.push { .push {
position: static; position: static;
} }
.signature-pad { .signature-pad {
top: 0; top: 0;
left: 0; left: 0;
@ -600,21 +595,21 @@ input.small-width {
/*fix per tabs editor */ /*fix per tabs editor */
.nav-tabs-custom>.nav-tabs>li { .nav-tabs-custom > .nav-tabs > li {
border-top: 3px solid #ddd; border-top: 3px solid #ddd;
} }
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a { .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
border-right-color: #f4f4f4; border-right-color: #f4f4f4;
border-right-width: 1px; border-right-width: 1px;
border-left-width: 0px; border-left-width: 0px;
} }
.nav-tabs-custom>.nav-tabs>li.header { .nav-tabs-custom > .nav-tabs > li.header {
padding: 0px; padding: 0px;
} }
.nav-tabs-custom>.nav-tabs>li { .nav-tabs-custom > .nav-tabs > li {
margin-bottom: -1px; margin-bottom: -1px;
margin-right: 0px; margin-right: 0px;
} }
@ -654,32 +649,32 @@ input.small-width {
margin-left: -4.5px; margin-left: -4.5px;
} }
.timeline>li { .timeline > li {
margin-bottom: 20px; margin-bottom: 20px;
position: relative; position: relative;
} }
.timeline>li:before, .timeline > li:before,
.timeline>li:after { .timeline > li:after {
content: " "; content: " ";
display: table; display: table;
} }
.timeline>li:after { .timeline > li:after {
clear: both; clear: both;
} }
.timeline>li:before, .timeline > li:before,
.timeline>li:after { .timeline > li:after {
content: " "; content: " ";
display: table; display: table;
} }
.timeline>li:after { .timeline > li:after {
clear: both; clear: both;
} }
.timeline>li>.timeline-panel { .timeline > li > .timeline-panel {
width: 50%; width: 50%;
float: left; float: left;
border: 1px solid #d4d4d4; border: 1px solid #d4d4d4;
@ -690,20 +685,20 @@ input.small-width {
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
} }
.timeline>li.timeline-inverted+li:not(.timeline-inverted), .timeline > li.timeline-inverted + li:not(.timeline-inverted),
.timeline>li:not(.timeline-inverted)+li.timeline-inverted { .timeline > li:not(.timeline-inverted) + li.timeline-inverted {
margin-top: -60px; margin-top: -60px;
} }
.timeline>li:not(.timeline-inverted) { .timeline > li:not(.timeline-inverted) {
padding-right: 90px; padding-right: 90px;
} }
.timeline>li.timeline-inverted { .timeline > li.timeline-inverted {
padding-left: 90px; padding-left: 90px;
} }
.timeline>li>.timeline-panel:before { .timeline > li > .timeline-panel:before {
position: absolute; position: absolute;
top: 26px; top: 26px;
right: -15px; right: -15px;
@ -715,7 +710,7 @@ input.small-width {
content: " "; content: " ";
} }
.timeline>li>.timeline-panel:after { .timeline > li > .timeline-panel:after {
position: absolute; position: absolute;
top: 27px; top: 27px;
right: -14px; right: -14px;
@ -727,7 +722,7 @@ input.small-width {
content: " "; content: " ";
} }
.timeline>li>.timeline-badge { .timeline > li > .timeline-badge {
color: #fff; color: #fff;
width: 50px; width: 50px;
height: 50px; height: 50px;
@ -746,18 +741,18 @@ input.small-width {
border-bottom-left-radius: 50%; border-bottom-left-radius: 50%;
} }
.timeline>li.timeline-inverted>.timeline-panel { .timeline > li.timeline-inverted > .timeline-panel {
float: right; float: right;
} }
.timeline>li.timeline-inverted>.timeline-panel:before { .timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0; border-left-width: 0;
border-right-width: 15px; border-right-width: 15px;
left: -15px; left: -15px;
right: auto; right: auto;
} }
.timeline>li.timeline-inverted>.timeline-panel:after { .timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0; border-left-width: 0;
border-right-width: 14px; border-right-width: 14px;
left: -14px; left: -14px;
@ -789,31 +784,31 @@ input.small-width {
color: inherit; color: inherit;
} }
.timeline-body>p, .timeline-body > p,
.timeline-body>ul { .timeline-body > ul {
margin-bottom: 0; margin-bottom: 0;
} }
.timeline-body>p+p { .timeline-body > p + p {
margin-top: 5px; margin-top: 5px;
} }
.img-circle.square{ .img-circle.square {
box-shadow: 0px 0px 1px 1px lightgray; box-shadow: 0px 0px 1px 1px lightgray;
} }
.select2-dropdown{ .select2-dropdown {
z-index: 2000; z-index: 2000;
} }
.after.input-group-addon .select2-selection, .after.input-group-addon{ .after.input-group-addon .select2-selection, .after.input-group-addon {
border-radius:0px 4px 4px 0px; border-radius: 0px 4px 4px 0px;
border-left:none; border-left: none;
} }
.before.input-group-addon .select2-selection, .before.input-group-addon{ .before.input-group-addon .select2-selection, .before.input-group-addon {
border-radius:4px 0px 0px 4px; border-radius: 4px 0px 0px 4px;
border-right:none; border-right: none;
} }
.hide-it-off-screen { .hide-it-off-screen {
@ -822,6 +817,6 @@ input.small-width {
top: -10000px; top: -10000px;
} }
.box-info ul > li > :last-child{ .box-info ul > li > :last-child {
margin-bottom:5px; margin-bottom: 5px;
} }

22
include/top.php
View File

@ -212,18 +212,24 @@ if (Auth::check()) {
<span class="icon-bar"></span> <span class="icon-bar"></span>
</a> </a>
<div class="input-group btn-calendar pull-left"> <!-- Navbar Left Menu -->
<button id="daterange" class="btn"><i class="fa fa-calendar" style="color:'.$calendar.'"></i> <i class="fa fa-caret-down" style="color:'.$calendar.';" ></i></button> <div class="navbar-left" class="hidden-xs">
<span class="hidden-xs" style="vertical-align:middle; color:'.$calendar.';"> <ul class="nav navbar-nav" class="hidden-xs">
<li><a href="#" id="daterange" style="color:'.$calendar.';background:inherit">
<i class="fa fa-calendar" style="color:inherit"></i> <i class="fa fa-caret-down" style="color:inherit"></i>
</a></li>
<li><a href="#" style="color:'.$calendar.';background:inherit">
'.Translator::dateToLocale($_SESSION['period_start']).' - '.Translator::dateToLocale($_SESSION['period_end']).' '.Translator::dateToLocale($_SESSION['period_start']).' - '.Translator::dateToLocale($_SESSION['period_end']).'
</span> </a></li>
</ul>
</div> </div>
<!-- Navbar Right Menu --> <!-- Navbar Right Menu -->
<div class="navbar-custom-menu" id="right-menu"> <div class="navbar-custom-menu">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<li class="dropdown notifications-menu"> <li class="dropdown notifications-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle btn-github" data-toggle="dropdown">
<i class="fa fa-bell-o"></i> <i class="fa fa-bell-o"></i>
<span class="label label-warning"> <span class="label label-warning">
<span id="hooks-loading"><i class="fa fa-spinner fa-spin"></i></span> <span id="hooks-loading"><i class="fa fa-spinner fa-spin"></i></span>
@ -237,7 +243,7 @@ if (Auth::check()) {
</ul> </ul>
</li> </li>
<li><a href="#" onclick="window.print()" class="btn-info tip" title="'.tr('Stampa').'"> <li><a href="#" onclick="window.print()" class="btn-github tip" style="background-color:#5bc0de!important" title="'.tr('Stampa').'">
<i class="fa fa-print"></i> <i class="fa fa-print"></i>
</a></li> </a></li>
@ -253,7 +259,7 @@ if (Auth::check()) {
<i class="fa fa-info"></i> <i class="fa fa-info"></i>
</a></li> </a></li>
<li><a href="'.$rootdir.'/index.php?op=logout" class="btn-danger tip" title="'.tr('Esci').'"> <li><a href="'.$rootdir.'/index.php?op=logout" class="btn-github tip" style="background-color:#dd4b39!important" title="'.tr('Esci').'">
<i class="fa fa-power-off"></i> <i class="fa fa-power-off"></i>
</a></li> </a></li>
</ul> </ul>