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

39
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) {
@ -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;
} }