loviuz/openstamanager
loviuz
/
openstamanager
mirror of https://github.com/devcode-it/openstamanager.git
1
0
Fork 0
Code Issues Releases Activity

Ottimizzazioni grafiche fullcalendar6

This commit is contained in:
Fabio Lovato 2023-01-25 20:32:29 +01:00
parent 7459f43463
commit 34522cf84d
2 changed files with 99 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -23,14 +23,14 @@
@font-face { @font-face {
font-family: 'Source Sans Pro'; font-family: 'Source Sans Pro';
src: local('Source Sans Pro'), src: local('Source Sans Pro'),
url('../fonts/sourcesanspro-regular-webfont.eot') format('embedded-opentype'), url('../fonts/sourcesanspro-regular-webfont.eot') format('embedded-opentype'),
url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'), url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
url('../fonts/sourcesanspro-regular-webfont.svg') format('svg'); url('../fonts/sourcesanspro-regular-webfont.svg') format('svg');
} }
html{ html {
font-size: 13px; font-size: 13px;
height: 100%; height: 100%;
} }
@ -88,7 +88,8 @@ input[type=file] {
position: fixed; position: fixed;
} }
.autocomplete, .ui-autocomplete { .autocomplete,
.ui-autocomplete {
background: white; background: white;
z-index: 10000; z-index: 10000;
min-width: 160px; min-width: 160px;
@ -102,12 +103,13 @@ input[type=file] {
border-radius: 5px; border-radius: 5px;
} }
.autocomplete .group, .ui-autocomplete-category { .autocomplete .group,
.ui-autocomplete-category {
font-size: 1.5em; font-size: 1.5em;
background: inherit; background: inherit;
} }
.autocomplete > div { .autocomplete>div {
padding: 5px; padding: 5px;
} }
@ -115,8 +117,8 @@ input[type=file] {
background: #FFFF66; background: #FFFF66;
} }
.autocomplete > div:hover:not(.group), .autocomplete>div:hover:not(.group),
.autocomplete > div.selected { .autocomplete>div.selected {
background: #F5F5F5; background: #F5F5F5;
cursor: pointer; cursor: pointer;
} }
@ -144,8 +146,10 @@ input[type=file] {
.navbar a:hover, .navbar a:hover,
.logo:hover, .logo:hover,
.alert a, .alert a:hover, .alert a,
a:hover, a:focus { .alert a:hover,
a:hover,
a:focus {
text-decoration: none; text-decoration: none;
} }
@ -191,13 +195,13 @@ a:hover, a:focus {
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;
@ -213,7 +217,7 @@ a:hover, a:focus {
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%;
@ -244,9 +248,9 @@ body .header .logo {
border-color: rgba(0, 0, 0, 0.2) !important; border-color: rgba(0, 0, 0, 0.2) !important;
} }
.navbar-custom-menu > ul > li > a:hover, .navbar-custom-menu>ul>li>a:hover,
.navbar-custom-menu > ul > li > a:focus, .navbar-custom-menu>ul>li>a:focus,
.navbar-custom-menu > ul > li > a:active { .navbar-custom-menu>ul>li>a:active {
filter: brightness(75%); filter: brightness(75%);
} }
@ -289,7 +293,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;
@ -364,18 +368,18 @@ 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: #FFFFFF; color: #FFFFFF;
} }
.navbar-nav > .notifications-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>.messages-menu>.dropdown-menu>li .menu>li>a,
.navbar-nav > .tasks-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;
} }
@ -531,7 +535,7 @@ span.form-control {
border: 0px; border: 0px;
} }
.input-group-addon.no-padding > * { .input-group-addon.no-padding>* {
border-radius: 0px; border-radius: 0px;
} }
@ -557,7 +561,7 @@ 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;
} }
@ -594,12 +598,13 @@ input.small-width {
} }
@media screen and (max-width: 992px) { @media screen and (max-width: 992px) {
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th, .table-bordered>thead>tr>th,
.table-bordered > tfoot > tr > th, .table-bordered>tbody>tr>th,
.table-bordered > thead > tr > td, .table-bordered>tfoot>tr>th,
.table-bordered > tbody > tr > td, .table-bordered>thead>tr>td,
.table-bordered > tfoot > tr > td { .table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
word-break: break-all; word-break: break-all;
} }
} }
@ -656,7 +661,7 @@ 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;
} }
@ -686,7 +691,7 @@ input.small-width {
background: #fff; background: #fff;
} }
.component-loader > div { .component-loader>div {
position: relative; position: relative;
top: 50%; top: 50%;
color: #333; color: #333;
@ -715,8 +720,14 @@ input.small-width {
cursor: pointer; cursor: pointer;
} }
.fc-event { .fc-event.fc-h-event,
border-top-width: 10px; .fc-event.fc-v-event {
border-top-width: 10px !important;
border-style: solid;
}
.fc-daygrid-dot-event {
padding: 0 !important;
} }
.fc-event-primary { .fc-event-primary {
@ -732,21 +743,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;
} }
@ -787,32 +798,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;
@ -823,20 +834,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;
@ -848,7 +859,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;
@ -860,7 +871,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;
@ -879,18 +890,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;
@ -922,12 +933,12 @@ 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;
} }
@ -1000,33 +1011,33 @@ div.tip {
display: none; display: none;
} }
.checkbox-group input[type="checkbox"] + .btn-group > label span { .checkbox-group input[type="checkbox"]+.btn-group>label span {
/*width: 20px;*/ /*width: 20px;*/
} }
.checkbox-group input[type="checkbox"] + .btn-group { .checkbox-group input[type="checkbox"]+.btn-group {
width: 100%; width: 100%;
display: flex; display: flex;
overflow: auto; overflow: auto;
} }
.checkbox-group input[type="checkbox"] + .btn-group label:last-child { .checkbox-group input[type="checkbox"]+.btn-group label:last-child {
flex-grow: 100; flex-grow: 100;
} }
.checkbox-group input[type="checkbox"] + .btn-group > label span:first-child { .checkbox-group input[type="checkbox"]+.btn-group>label span:first-child {
display: none; display: none;
} }
.checkbox-group input[type="checkbox"] + .btn-group > label span:last-child { .checkbox-group input[type="checkbox"]+.btn-group>label span:last-child {
display: inline-block; display: inline-block;
} }
.checkbox-group input[type="checkbox"]:checked + .btn-group > label span:first-child { .checkbox-group input[type="checkbox"]:checked+.btn-group>label span:first-child {
display: inline-block; display: inline-block;
} }
.checkbox-group input[type="checkbox"]:checked + .btn-group > label span:last-child { .checkbox-group input[type="checkbox"]:checked+.btn-group>label span:last-child {
display: none; display: none;
} }
@ -1049,7 +1060,7 @@ div.tip {
} }
.control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open,
.control-sidebar.control-sidebar-open + .control-sidebar-bg { .control-sidebar.control-sidebar-open+.control-sidebar-bg {
right: 0; right: 0;
} }
@ -1078,7 +1089,7 @@ div.tip {
height: 0 height: 0
} }
.local-loader > div { .local-loader>div {
position: absolute; position: absolute;
top: 100px; top: 100px;
z-index: 2; z-index: 2;
@ -1091,7 +1102,8 @@ div.tip {
} }
/* Stile Fullcalendar per weekend */ /* Stile Fullcalendar per weekend */
.fc-sat, .fc-sun { .fc-sat,
.fc-sun {
background-color: rgba(255, 99, 71, 0.6) !important; background-color: rgba(255, 99, 71, 0.6) !important;
} }
@ -1107,12 +1119,12 @@ div.tip {
user-select: none; user-select: none;
} }
.table-extra-condensed > thead > tr > th, .table-extra-condensed>thead>tr>th,
.table-extra-condensed > tbody > tr > th, .table-extra-condensed>tbody>tr>th,
.table-extra-condensed > tfoot > tr > th, .table-extra-condensed>tfoot>tr>th,
.table-extra-condensed > thead > tr > td, .table-extra-condensed>thead>tr>td,
.table-extra-condensed > tbody > tr > td, .table-extra-condensed>tbody>tr>td,
.table-extra-condensed > tfoot > tr > td { .table-extra-condensed>tfoot>tr>td {
padding: 2px; padding: 2px;
} }
@ -1127,14 +1139,16 @@ div.tip {
@media (min-width: 768px) { @media (min-width: 768px) {
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
width: 220px; width: 220px;
} }
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
left: 220px !important; left: 220px !important;
} }
html body.sidebar-mini.sidebar-mini.sidebar-collapse i.fa.fa-user-circle-o.fa-3x.pull-left{
html body.sidebar-mini.sidebar-mini.sidebar-collapse i.fa.fa-user-circle-o.fa-3x.pull-left {
font-size: 2.4em; font-size: 2.4em;
} }
} }

3
modules/dashboard/edit.php
View File

@ -517,6 +517,7 @@ globals.dashboard = {
center: "title", center: "title",
right: "dayGridMonth,timeGridWeek,listWeek" right: "dayGridMonth,timeGridWeek,listWeek"
}, },
eventDisplay: "block",
timeFormat: globals.dashboard.timeFormat, timeFormat: globals.dashboard.timeFormat,
slotLabelFormat: globals.dashboard.timeFormat, slotLabelFormat: globals.dashboard.timeFormat,
slotDuration: "00:15:00", slotDuration: "00:15:00",
@ -669,7 +670,7 @@ if(isMobile() && setting('Utilizzare i tooltip sul calendario')){
echo ' echo '
eventContent: function (info) { eventContent: function (info) {
return { html: "<div style=\"width:100%; background:" + info.event.backgroundColor + ";\">" + info.event.title + "</div>" }; return { html: info.event.title };
}, },
eventDidMount: function(info){ eventDidMount: function(info){