MaDgIK
/
openaire-assets
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'master' into explore-redesign

This commit is contained in:
Konstantinos Triantafyllou 2023-02-15 11:57:23 +02:00
parent 328760bed9 540ba93c0f
commit 07894ca918
1 changed files with 44 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
less/dashboard.less
View File

@ -1,3 +1,5 @@
@import (less) "~src/assets/openaire-theme/less/text.less";
:root { :root {
--dashboard-sidebar-width: 280px; --dashboard-sidebar-width: 280px;
--dashboard-sidebar-mini-width: 100px; --dashboard-sidebar-mini-width: 100px;
@ -32,7 +34,6 @@
@dashboard-sidebar-toggle-top: calc(@dashboard-header-height + 35px); @dashboard-sidebar-toggle-top: calc(@dashboard-header-height + 35px);
@dashboard-menu-section-margin: 10px; @dashboard-menu-section-margin: 10px;
@dashboard-menu-section-font-size: @global-small-font-size;
@dashboard-menu-section-item-line-height: @global-control-small-height; @dashboard-menu-section-item-line-height: @global-control-small-height;
@dashboard-menu-section-item-padding-vertical: 5px; @dashboard-menu-section-item-padding-vertical: 5px;
@dashboard-menu-section-item-padding-horizontal: 20px; @dashboard-menu-section-item-padding-horizontal: 20px;
@ -68,10 +69,26 @@
@dashboard-pages: #page_content, openaire-user > user > div, openaire-error > div; @dashboard-pages: #page_content, openaire-user > user > div, openaire-error > div;
@dashboard-elements: #page_content .message, bottom > div; @dashboard-elements: #page_content .message, bottom > div;
.menu-icon {
display: block;
padding: @dashboard-menu-section-icon-padding;
border-radius: @dashboard-menu-section-icon-border-radius;
background-color: transparent;
color: @dashboard-menu-section-icon-color;
}
.sidebar_mobile_toggle {
line-height: @dashboard-menu-section-item-line-height;
& .menu-icon {
background-color: @dashboard-primary-background;
background-image: @dashboard-primary-gradient;
color: @dashboard-primary-inverse-color;
}
}
.menu_section { .menu_section {
margin-left: @dashboard-menu-section-margin;
position: relative; position: relative;
font-size: @dashboard-menu-section-font-size;
& > ul > li { & > ul > li {
@ -89,14 +106,6 @@
flex: 1 !important; flex: 1 !important;
} }
} }
& .menu-icon {
display: block;
padding: @dashboard-menu-section-icon-padding;
border-radius: @dashboard-menu-section-icon-border-radius;
background-color: transparent;
color: @dashboard-menu-section-icon-color;
}
} }
&.uk-parent { &.uk-parent {
@ -163,8 +172,8 @@
} }
} }
&.mobile { &:not(.mobile) .uk-nav-default:extend(.uk-text-small) {
margin-left: @dashboard-menu-section-margin;
} }
} }
@ -303,6 +312,7 @@
} }
/* No sidebar */ /* No sidebar */
&:not(.sidebar_main_active):not(.sidebar_mini) { &:not(.sidebar_main_active):not(.sidebar_mini) {
@{dashboard-pages}, @{dashboard-elements} { @{dashboard-pages}, @{dashboard-elements} {
padding-left: 0; padding-left: 0;
@ -315,6 +325,7 @@
} }
/* Mini Sidebar*/ /* Mini Sidebar*/
&.sidebar_mini { &.sidebar_mini {
&:not(.sidebar_hover) { &:not(.sidebar_hover) {
@ -323,34 +334,34 @@
} }
#sidebar_main #sidebar_content { #sidebar_main #sidebar_content {
width: @dashboard-sidebar-mini-width; width: @dashboard-sidebar-mini-width;
& .hide-on-close { & .hide-on-close {
display: none; display: none;
} }
.menu_section { .menu_section {
& > ul > li { & > ul > li {
&.uk-parent { &.uk-parent {
& > a::after { & > a::after {
content: ''; content: '';
} }
& .uk-nav-sub { & .uk-nav-sub {
& a, & * { & a, & * {
width: 0 !important; width: 0 !important;
min-width: 0 !important; min-width: 0 !important;
padding-left: 0 !important; padding-left: 0 !important;
padding-right: 0 !important; padding-right: 0 !important;
margin-right: 0 !important; margin-right: 0 !important;
overflow: hidden; overflow: hidden;
}
} }
} }
} }
} }
} }
}
} }
#sidebar_toggle::before { #sidebar_toggle::before {
@ -362,7 +373,7 @@
} }
} }
@media (max-width: @breakpoint-small - 1px) { @media (max-width: @breakpoint-small-max) {
#sidebar_main #sidebar_content, #sidebar_toggle { #sidebar_main #sidebar_content, #sidebar_toggle {
display: none !important; display: none !important;
} }