diff --git a/Bootstrap.Admin/wwwroot/css/lte.css b/Bootstrap.Admin/wwwroot/css/lte.css index bc1f60c7..79b1d407 100644 --- a/Bootstrap.Admin/wwwroot/css/lte.css +++ b/Bootstrap.Admin/wwwroot/css/lte.css @@ -19,7 +19,7 @@ padding: 16px 12px; } -.header nav, userinfo, .userinfo .dropdown-toggle:after { +.header nav, .userinfo .dropdown-toggle:after { display: none; } @@ -30,6 +30,7 @@ .header .sidebar-toggle-box span, aside .nav-brand a { transition: all .3s ease-in-out; } + .sidebar-open .sidebar-toggle-box .fa-bars { transform: none; } @@ -133,6 +134,7 @@ aside { align-items: center; padding: 0 0.625rem; } + aside .nav-brand a { display: flex; justify-content: center; @@ -153,6 +155,12 @@ aside { border-radius: 0.42rem; margin-right: 0.25rem; } + + aside .nav-link span { + display: inline-block; + white-space: nowrap; + } + .sidebar-open aside .nav-brand img, .sidebar-open aside:hover .nav-brand img { opacity: 0; visibility: hidden; @@ -192,9 +200,6 @@ aside { } .card-header { - font-size: 1rem; - background: none; - border-bottom: 1px solid #f4f4f4; padding: 0.625rem 1rem; } @@ -203,12 +208,10 @@ aside { background-color: #ecf0f5; } -.bg{ - background:none; -} .header, .userinfo .dropdown-menu, .userinfo .dropdown-item { background: #3c8dbc; } + .header .nav .dropdown:hover, .userinfo:hover { background-color: rgba(0,0,0,0.1); } @@ -254,6 +257,7 @@ aside .nav-brand { .breadcrumb > li > a { color: #444; } + .card { border-top-color: #3c8dbc; color: #444; @@ -262,46 +266,50 @@ aside .nav-brand { .card:hover { border-top-color: #2c6ca2; } -.card-header { + +.card-header, .modal-footer { border-bottom: 1px solid #f4f4f4; } -.modal-footer { - border-top: 1px solid #f4f4f4; -} + footer { background: #2c3b41; } -@media (max-width:767px){ + +@media (max-width:768px){ body, .form-control, .dropdown-menu, .btn:not(.btn-lg):not(.btn-xs), .input-group-text, .popover-header { font-size: 0.75rem; } - .bg { - background-color: #367fa9; - } + .card-header { font-size: 0.875rem; padding: 0.375rem 1rem; } + .form-inline .form-group{ margin-bottom:0.75rem; } .form-inline .form-group .control-label { margin-bottom: 0.125rem; } + .modal-body, .card-body { padding: 0.5rem 0.75rem 0 0.75rem; } + .modal-footer { padding: 0.5rem; } + .username { font-size: 0.875rem; } } + @media (min-width: 667px) { .header .nav { display: flex; flex: 0 1 auto; + flex-wrap: nowrap; } .sidebar-toggle-box { @@ -319,6 +327,10 @@ footer { opacity: 0; } + .header .bg { + display: none; + } + .sidebar-open .header .sidebar-toggle-box span { opacity: 1; }