update: left-menu - search input: positioning and width on small screens

This commit is contained in:
gaelle morin 2020-06-03 14:37:41 +02:00
parent 37a8e28793
commit ec5326887e
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C

View File

@ -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