update: left-menu - search input: positioning and width on small screens
This commit is contained in:
parent
37a8e28793
commit
ec5326887e
@ -124,13 +124,20 @@
|
||||
/* End of specific styles of "Projects" tab */
|
||||
|
||||
sib-display.nosub>sib-form[fields="name"]>hubl-search-users>input {
|
||||
margin: auto;
|
||||
margin-left: 30px;
|
||||
max-width: 87%;
|
||||
width: 87%;
|
||||
display: block;
|
||||
background-color: var(--color-secondary);
|
||||
color: var(--color-grey-6);
|
||||
border: 1px solid var(--color-grey-4);
|
||||
border-radius: 3px;
|
||||
padding: 4px;
|
||||
|
||||
@include breakpoint(lg) {
|
||||
margin: auto;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
sib-display.nosub>nav {
|
||||
@ -256,10 +263,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* Styles for hovering */
|
||||
/* Styles for hovering (only on large screens) */
|
||||
#main__menu sib-router .sub-menu.menu-notification>sib-display>div>sib-display>div>hubl-menu-fix-url-project>sib-display>div:hover,
|
||||
#main__menu sib-router .sub-menu.menu-notification>sib-display>div>sib-display>div>hubl-menu-fix-url-circle>sib-display>div:hover,
|
||||
#main__menu sib-router .sub-menu.menu-notification>sib-display.nosub>div>sib-display>div:hover {
|
||||
|
||||
@include breakpoint(lg) {
|
||||
background-color: var(--color-secondary);
|
||||
color: var(--color-white);
|
||||
display: block;
|
||||
@ -309,6 +318,7 @@
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Temporary fix for badges
|
||||
|
Loading…
Reference in New Issue
Block a user