kevinowino869/mitrobill
1
0
Fork 1
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix menu ?

Browse Source
This commit is contained in:
Ibnu Maksum 2022-10-12 16:51:29 +07:00
parent 658aa73540
commit 565f481a65
No known key found for this signature in database
GPG Key ID: 7FC82848810579E5
2 changed files with 2978 additions and 2914 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/ui/scripts/app.js
View File

@ -211,19 +211,11 @@ jQuery(function () {
e.stopPropagation(), e.stopImmediatePropagation(); e.stopPropagation(), e.stopImmediatePropagation();
}), }),
aul.on("touchend", function (e) { aul.on("touchend", function (e) {
if (!that.navHorizontal) {
var parent = aRest.parent("li");
lists.not(parent).removeClass("open");
}
that.isMobile && that.navWrap.toggleClass("nav-offcanvas"), that.isMobile && that.navWrap.toggleClass("nav-offcanvas"),
e.stopPropagation(), e.stopPropagation(),
e.stopImmediatePropagation(); e.stopImmediatePropagation();
}), }),
aRest.on("touchend", function () { aRest.on("touchend", function () {
if (!that.navHorizontal) {
var parent = aRest.parent("li");
lists.not(parent).removeClass("open");
}
that.isMobile && that.navWrap.toggleClass("nav-offcanvas"); that.isMobile && that.navWrap.toggleClass("nav-offcanvas");
}), }),
aRest.on("click", function (e) { aRest.on("click", function (e) {

180
ui/ui/styles/main.min.css vendored
View File

@ -5,7 +5,7 @@ body {
min-height: 100%; min-height: 100%;
} }
body { body {
letter-spacing: .5px; letter-spacing: 0.5px;
background: #efefef; background: #efefef;
} }
*:focus { *:focus {
@ -94,10 +94,22 @@ h5,
h6 { h6 {
font-weight: 500; font-weight: 500;
} }
a.text-putih:link {color:#FFFFFF; text-decoration:none; } a.text-putih:link {
a.text-putih:visited {color:#FFFFFF; text-decoration:none;} color: #ffffff;
a.text-putih:hover {color:#FFFFFF; text-decoration:none;} text-decoration: none;
a.text-putih:active {color:#FFFFFF; text-decoration:none;} }
a.text-putih:visited {
color: #ffffff;
text-decoration: none;
}
a.text-putih:hover {
color: #ffffff;
text-decoration: none;
}
a.text-putih:active {
color: #ffffff;
text-decoration: none;
}
.text-light { .text-light {
font-weight: 300; font-weight: 300;
@ -353,7 +365,8 @@ select[multiple].input-group-sm > .input-group-btn > .dropdown > .btn {
margin-right: 6px; margin-right: 6px;
} }
.btn:hover { .btn:hover {
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14),
0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.btn.btn-default:hover { .btn.btn-default:hover {
background: #fff !important; background: #fff !important;
@ -1842,16 +1855,16 @@ fieldset[disabled] .btn-youtube.active {
-o-transform: translate(0, 3px); -o-transform: translate(0, 3px);
transform: translate(0, 3px); transform: translate(0, 3px);
} }
.table thead th > .th > [class*='icon'] { .table thead th > .th > [class*="icon"] {
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
color: #eeeeee; color: #eeeeee;
font-size: 16px; font-size: 16px;
} }
.table thead th > .th > [class*='icon']:hover { .table thead th > .th > [class*="icon"]:hover {
color: #464646; color: #464646;
} }
.table thead th > .th > [class*='icon'].active { .table thead th > .th > [class*="icon"].active {
visibility: hidden; visibility: hidden;
} }
.table thead th > .th > .icon-up { .table thead th > .th > .icon-up {
@ -2123,7 +2136,8 @@ fieldset[disabled] .btn-youtube.active {
-webkit-transition: 0.22s ease-in; -webkit-transition: 0.22s ease-in;
-o-transition: 0.22s ease-in; -o-transition: 0.22s ease-in;
transition: 0.22s ease-in; transition: 0.22s ease-in;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.02), -1px 0 0 rgba(0, 0, 0, 0.015), 1px 0 0 rgba(0, 0, 0, 0.015); box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.02), -1px 0 0 rgba(0, 0, 0, 0.015),
1px 0 0 rgba(0, 0, 0, 0.015);
} }
.nav-tabs > li.active > a, .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:hover,
@ -2660,7 +2674,7 @@ fieldset[disabled] .btn-youtube.active {
font-size: 12px; font-size: 12px;
display: inline-block; display: inline-block;
padding: 4px 8px; padding: 4px 8px;
opacity: .9; opacity: 0.9;
} }
.modal-header > .close:hover { .modal-header > .close:hover {
opacity: 1; opacity: 1;
@ -2823,7 +2837,7 @@ fieldset[disabled] .btn-youtube.active {
} }
.progress-bar { .progress-bar {
box-shadow: none; box-shadow: none;
line-height: .6; line-height: 0.6;
} }
.progress-bar span { .progress-bar span {
font-size: 7px; font-size: 7px;
@ -2922,7 +2936,7 @@ fieldset[disabled] .btn-youtube.active {
top: 5px; top: 5px;
right: 15px; right: 15px;
cursor: pointer; cursor: pointer;
opacity: .8; opacity: 0.8;
} }
.page-app-calendar .calevents > li .event-remove-icon:hover { .page-app-calendar .calevents > li .event-remove-icon:hover {
opacity: 1; opacity: 1;
@ -2973,7 +2987,7 @@ fieldset[disabled] .btn-youtube.active {
.ui-radio label > input[readonly] + span, .ui-radio label > input[readonly] + span,
.ui-radio label > input[disabled] + i, .ui-radio label > input[disabled] + i,
.ui-radio label > input[readonly] + i { .ui-radio label > input[readonly] + i {
opacity: .6; opacity: 0.6;
cursor: not-allowed; cursor: not-allowed;
} }
.ui-checkbox label > span, .ui-checkbox label > span,
@ -3015,7 +3029,7 @@ fieldset[disabled] .btn-youtube.active {
.ui-radio label > input:checked + span:after, .ui-radio label > input:checked + span:after,
.ui-radio label > input:checked + i:after { .ui-radio label > input:checked + i:after {
content: "\f122"; content: "\f122";
font-family: 'ionicons'; font-family: "ionicons";
left: 5px; left: 5px;
top: 2px; top: 2px;
font-size: 12px; font-size: 12px;
@ -3170,7 +3184,7 @@ fieldset[disabled] .btn-youtube.active {
.ui-toggle label > input[readonly] + span, .ui-toggle label > input[readonly] + span,
.ui-toggle label > input[disabled] + i, .ui-toggle label > input[disabled] + i,
.ui-toggle label > input[readonly] + i { .ui-toggle label > input[readonly] + i {
opacity: .6; opacity: 0.6;
cursor: not-allowed; cursor: not-allowed;
} }
.ui-toggle label > input + span, .ui-toggle label > input + span,
@ -3341,7 +3355,7 @@ fieldset[disabled] .btn-youtube.active {
.datepicker table > thead > tr > th i { .datepicker table > thead > tr > th i {
font-style: normal; font-style: normal;
font-size: 18px; font-size: 18px;
line-height: .5; line-height: 0.5;
} }
[datepicker] table > thead > tr > th small[aria-label], [datepicker] table > thead > tr > th small[aria-label],
.datepicker table > thead > tr > th small[aria-label] { .datepicker table > thead > tr > th small[aria-label] {
@ -3949,7 +3963,13 @@ fieldset[disabled] .btn-youtube.active {
display: block; display: block;
opacity: 1; opacity: 1;
} }
.main-container .nav-wrap.nav-expand .site-nav .nav-list > li.open .inner-drop a, .main-container
.nav-wrap.nav-expand
.site-nav
.nav-list
> li.open
.inner-drop
a,
.main-container .nav-wrap:hover .site-nav .nav-list > li.open .inner-drop a { .main-container .nav-wrap:hover .site-nav .nav-list > li.open .inner-drop a {
-webkit-animation: slideSiteMenuX 0.3s ease-in; -webkit-animation: slideSiteMenuX 0.3s ease-in;
-o-animation: slideSiteMenuX 0.3s ease-in; -o-animation: slideSiteMenuX 0.3s ease-in;
@ -4011,7 +4031,7 @@ fieldset[disabled] .btn-youtube.active {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 220px; width: 220px;
opacity: .95; opacity: 0.95;
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
display: table; display: table;
@ -4181,13 +4201,27 @@ fieldset[disabled] .btn-youtube.active {
.app .main-container.nav-horizontal .nav-wrap .site-nav .nav-list > li a { .app .main-container.nav-horizontal .nav-wrap .site-nav .nav-list > li a {
text-align: center; text-align: center;
} }
.app .main-container.nav-horizontal .nav-wrap .site-nav .nav-list > li a .text { .app
.main-container.nav-horizontal
.nav-wrap
.site-nav
.nav-list
> li
a
.text {
margin-left: 0; margin-left: 0;
display: block; display: block;
margin-top: 4px; margin-top: 4px;
position: relative; position: relative;
} }
.app .main-container.nav-horizontal .nav-wrap .site-nav .nav-list > li a .arrow { .app
.main-container.nav-horizontal
.nav-wrap
.site-nav
.nav-list
> li
a
.arrow {
display: block; display: block;
margin-left: 18px; margin-left: 18px;
margin-top: -2px; margin-top: -2px;
@ -4197,22 +4231,47 @@ fieldset[disabled] .btn-youtube.active {
transform: rotate(-90deg); transform: rotate(-90deg);
font-size: 8px; font-size: 8px;
} }
.app .main-container.nav-horizontal .nav-wrap .site-nav .nav-list > li a .badge { .app
.main-container.nav-horizontal
.nav-wrap
.site-nav
.nav-list
> li
a
.badge {
top: 3px; top: 3px;
margin-left: auto; margin-left: auto;
right: 18px; right: 18px;
} }
.app .main-container.nav-horizontal .nav-wrap .site-nav .nav-list li .inner-drop { .app
.main-container.nav-horizontal
.nav-wrap
.site-nav
.nav-list
li
.inner-drop {
display: none; display: none;
position: absolute; position: absolute;
left: 0; left: 0;
margin-top: 1px; margin-top: 1px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
} }
.app .main-container.nav-horizontal .nav-wrap .site-nav .nav-list li:hover > a { .app
.main-container.nav-horizontal
.nav-wrap
.site-nav
.nav-list
li:hover
> a {
background: #f7f7f7; background: #f7f7f7;
} }
.app .main-container.nav-horizontal .nav-wrap .site-nav .nav-list li:hover .inner-drop { .app
.main-container.nav-horizontal
.nav-wrap
.site-nav
.nav-list
li:hover
.inner-drop {
display: block; display: block;
} }
} }
@ -4247,7 +4306,7 @@ fieldset[disabled] .btn-youtube.active {
padding: 15px; padding: 15px;
} }
@media (max-width: 320px) { @media (max-width: 320px) {
.page .row > [class^='col'] { .page .row > [class^="col"] {
width: 100%; width: 100%;
} }
} }
@ -4536,7 +4595,12 @@ fieldset[disabled] .btn-youtube.active {
height: 180px; height: 180px;
text-align: center; text-align: center;
} }
.page.page-email .email-content .email-view .email-description .attachment .text { .page.page-email
.email-content
.email-view
.email-description
.attachment
.text {
padding: 10px; padding: 10px;
} }
.page.page-email .email-content .email-view .email-description .attachment img { .page.page-email .email-content .email-view .email-description .attachment img {
@ -4726,7 +4790,8 @@ fieldset[disabled] .btn-youtube.active {
font-weight: 900; font-weight: 900;
font-size: 144px; font-size: 144px;
color: #e91e63; color: #e91e63;
text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px; text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px,
rgba(61, 61, 61, 0.3) 3px 3px;
} }
.page-err .err-container .m404 .ion { .page-err .err-container .m404 .ion {
font-size: 36px; font-size: 36px;
@ -5169,7 +5234,7 @@ fieldset[disabled] .btn-youtube.active {
/** General Styles /** General Styles
==================== ====================
*/ */
[tabindex='-1']:focus { [tabindex="-1"]:focus {
outline: none; outline: none;
} }
.inset { .inset {
@ -5212,19 +5277,24 @@ button.md-no-style {
* ========================= * =========================
*/ */
.md-whiteframe-z1 { .md-whiteframe-z1 {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.md-whiteframe-z2 { .md-whiteframe-z2 {
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14),
0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.md-whiteframe-z3 { .md-whiteframe-z3 {
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
} }
.md-whiteframe-z4 { .md-whiteframe-z4 {
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
} }
.md-whiteframe-z5 { .md-whiteframe-z5 {
box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
} }
/** /**
* MD Buttons * MD Buttons
@ -5258,7 +5328,8 @@ button.md-no-style {
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
overflow: hidden; overflow: hidden;
transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
} }
/** /**
* Position a FAB button. * Position a FAB button.
@ -5340,7 +5411,7 @@ button.md-no-style {
border-radius: 50%; border-radius: 50%;
background-clip: padding-box; background-clip: padding-box;
overflow: hidden; overflow: hidden;
-webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC'); -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC");
} }
.md-button.md-fab md-icon { .md-button.md-fab md-icon {
margin-top: 0; margin-top: 0;
@ -5557,7 +5628,7 @@ button.md-no-style {
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none user-select: none;
position: static; position: static;
} }
.md-checkbox label > input, .md-checkbox label > input,
@ -5574,7 +5645,7 @@ button.md-no-style {
.md-radio label > input[readonly] + span, .md-radio label > input[readonly] + span,
.md-radio label > input[disabled] + i, .md-radio label > input[disabled] + i,
.md-radio label > input[readonly] + i { .md-radio label > input[readonly] + i {
opacity: .6; opacity: 0.6;
cursor: not-allowed; cursor: not-allowed;
} }
.md-checkbox label > span, .md-checkbox label > span,
@ -5594,8 +5665,8 @@ button.md-no-style {
.md-radio label > span:after, .md-radio label > span:after,
.md-radio label > i:after { .md-radio label > i:after {
position: absolute; position: absolute;
-webkit-transition: .25s; -webkit-transition: 0.25s;
transition: .25s; transition: 0.25s;
} }
.md-checkbox label > span:before, .md-checkbox label > span:before,
.md-checkbox label > i:before, .md-checkbox label > i:before,
@ -5623,7 +5694,7 @@ button.md-no-style {
.md-radio label > input:checked + span:after, .md-radio label > input:checked + span:after,
.md-radio label > input:checked + i:after { .md-radio label > input:checked + i:after {
content: "\f383"; content: "\f383";
font-family: 'ionicons'; font-family: "ionicons";
left: 5px; left: 5px;
top: 1px; top: 1px;
font-weight: bold; font-weight: bold;
@ -5718,7 +5789,7 @@ button.md-no-style {
.md-switch label > input[readonly] + span, .md-switch label > input[readonly] + span,
.md-switch label > input[disabled] + i, .md-switch label > input[disabled] + i,
.md-switch label > input[readonly] + i { .md-switch label > input[readonly] + i {
opacity: .6; opacity: 0.6;
cursor: not-allowed; cursor: not-allowed;
} }
.md-switch label > input + span, .md-switch label > input + span,
@ -5749,11 +5820,12 @@ button.md-no-style {
width: 20px; width: 20px;
height: 20px; height: 20px;
background-color: #fff; background-color: #fff;
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
outline: none; outline: none;
border-radius: 50%; border-radius: 50%;
transition: all .5s; transition: all 0.5s;
-webkit-transition: all .5s; -webkit-transition: all 0.5s;
top: 1px; top: 1px;
left: -3px; left: -3px;
} }
@ -5815,12 +5887,12 @@ button.md-no-style {
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 2px; left: 2px;
opacity: .7; opacity: 0.7;
font-size: 11px; font-size: 11px;
} }
.md-input-container .md-input:focus { .md-input-container .md-input:focus {
box-shadow: inset 0 -1px 0 0 #303f9f; box-shadow: inset 0 -1px 0 0 #303f9f;
border-color: #303F9F; border-color: #303f9f;
} }
.md-input-container .md-input:focus + label { .md-input-container .md-input:focus + label {
color: #2a378b !important; color: #2a378b !important;
@ -5838,8 +5910,8 @@ button.md-no-style {
line-height: 26px; line-height: 26px;
-ms-flex-preferred-size: 26px; -ms-flex-preferred-size: 26px;
border-radius: 0; border-radius: 0;
transition: .25s; transition: 0.25s;
-webkit-transition: .25s; -webkit-transition: 0.25s;
margin-top: 30px; margin-top: 30px;
border-color: #efefef; border-color: #efefef;
} }
@ -5849,7 +5921,7 @@ button.md-no-style {
.md-input-container .md-input[disabled] { .md-input-container .md-input[disabled] {
border-style: dotted; border-style: dotted;
border-color: #999; border-color: #999;
opacity: .5; opacity: 0.5;
cursor: not-allowed; cursor: not-allowed;
} }
.md-input-container .md-input:invalid { .md-input-container .md-input:invalid {
@ -5875,16 +5947,16 @@ button.md-no-style {
transform: translate(0, 100%); transform: translate(0, 100%);
-webkit-transform: translate(0, 100%); -webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%); -ms-transform: translate(0, 100%);
opacity: .35; opacity: 0.35;
transition: .25s; transition: 0.25s;
-webkit-transition: .25s; -webkit-transition: 0.25s;
} }
.md-input-container.md-float-label .md-input:focus + label { .md-input-container.md-float-label .md-input:focus + label {
font-size: 11px; font-size: 11px;
transform: translate(0, 0); transform: translate(0, 0);
-webkit-transform: translate(0, 0); -webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0); -ms-transform: translate(0, 0);
opacity: .8; opacity: 0.8;
} }
.notify { .notify {