kenmirrors/grocy
1
0
Fork 0
mirror of https://github.com/grocy/grocy.git synced 2025-08-28 09:01:14 +00:00
Code Issues Projects Releases Wiki Activity

Moved sidebar / menu layout into own (customized) component

Browse Source
This commit is contained in:
Bernd Bestel
2023-05-19 15:12:11 +02:00
parent 99546815f9
commit 628e779902
8 changed files with 553 additions and 217 deletions
Download Patch File Download Diff File Expand all files Collapse all files

133
public/css/grocy.css
View File

@@ -67,12 +67,6 @@ a.discrete-link:focus {
width: 100%;
}
/* Fixes smooth scrolling on iOS */
#sidebarResponsive,
.fullscreen {
-webkit-overflow-scrolling: touch;
}
.fullscreen-card .card-header-fullscreen {
z-index: 9999;
width: 100%;
@@ -113,10 +107,6 @@ button.disabled {
display: none;
}
body.embedded.fixed-nav {
padding-top: 0;
}
.embedded .content-wrapper {
margin-left: 0;
}
@@ -148,78 +138,6 @@ form.has-sticky-form-footer .form-group:nth-last-child(2) {
padding-bottom: 2rem;
}
/* Navigation style customizations */
#mainNav {
line-height: 1;
background-color: #e5e5e5 !important;
border-bottom: 2px solid !important;
border-color: #d6d6d6 !important;
padding-bottom: 0.3rem;
}
#mainNav .dropdown-menu {
line-height: 1.5;
}
.navbar-sidenav {
overflow-x: hidden;
overflow-y: overlay;
border-top: 2px solid !important;
}
.navbar-sidenav,
.sidenav-second-level {
background-color: #e5e5e5 !important;
border-right: 2px solid !important;
border-color: #d6d6d6 !important;
}
.navbar-nav .dropdown-menu {
background-color: #e5e5e5 !important;
border: 0;
border-radius: 0;
}
.navbar-nav .dropdown-divider,
.nav-item-divider {
border-top: 2px solid !important;
border-color: #d6d6d6 !important;
}
.sidenav-toggler {
background-color: #d6d6d6 !important;
border-right: 2px solid !important;
border-color: #d6d6d6 !important;
}
.navbar-sidenav>li,
.sidenav-second-level>li {
transition: all 0.3s !important;
}
.navbar-sidenav>li:hover,
.sidenav-second-level>li:hover,
.navbar-nav .dropdown-item:hover {
box-shadow: inset 5px 0 0 #337ab7 !important;
background-color: #d6d6d6 !important;
}
.navbar-sidenav>li>a:focus,
.sidenav-second-level>li>a:focus,
.navbar-nav .dropdown-item:focus {
box-shadow: inset 5px 0 0 #ab2230 !important;
background-color: #d6d6d6 !important;
}
.active-page {
box-shadow: inset 5px 0 0 #ab2230 !important;
background-color: #d6d6d6 !important;
}
.navbar-brand {
margin-right: 0;
}
.cursor-link {
cursor: pointer;
}
@@ -410,51 +328,12 @@ tr.dtrg-group {
font-family: sans-serif;
}
/* Third party component customizations - SB Admin 2 */
#mainNav .navbar-collapse .navbar-nav>.nav-item.dropdown>.nav-link:after,
#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
#mainNav .navbar-collapse .navbar-nav>.nav-item.dropdown>.nav-link.py-0:after,
#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.py-0:after {
padding-top: 8px;
}
#mainNav .navbar-collapse .navbar-sidenav>.nav-item>.nav-link,
#mainNav .navbar-collapse .navbar-sidenav>.nav-item .sidenav-second-level>li>a {
padding: 0.75em;
}
@media (min-width: 992px) {
#mainNav .navbar-collapse .navbar-sidenav {
margin-top: 46px;
}
#mainNav.fixed-top .navbar-sidenav {
height: calc(100vh - 94px)
}
#mainNav.fixed-top .sidenav-toggler {
margin-top: calc(100vh - 48px);
}
.content-wrapper {
margin-left: 245px;
}
}
@media (max-width: 767.98px) {
.width-xs-sm-100 {
width: 100%;
}
}
body.fixed-nav {
padding-top: 54px;
}
html {
min-height: inherit;
}
@@ -463,14 +342,6 @@ html {
margin-left: -0.15em !important;
}
#mainNav .navbar-collapse .navbar-sidenav>.nav-item>.nav-link {
padding-right: 1.25em !important;
}
#sidebarResponsive .nav-item-sidebar {
line-height: 1;
}
/* Third party component customizations - Tempus Dominus */
.bootstrap-datetimepicker-widget.dropdown-menu {
width: auto !important;
@@ -641,10 +512,6 @@ canvas.drawingBuffer {
margin-left: 0;
}
body.fixed-nav {
padding-top: 0;
}
.calendar button.fc-prev-button,
.calendar button.fc-today-button,
.calendar button.fc-next-button,