mirror of
https://github.com/discourse/discourse.git
synced 2024-12-04 23:53:45 +08:00
98afea4748
This gets all the related CSS into the common file, and removes desktop and mobile variants. This also makes some general styling adjustments.
124 lines
2.3 KiB
SCSS
124 lines
2.3 KiB
SCSS
.modal.sidebar__edit-navigation-menu__modal {
|
|
@include breakpoint("tablet", min-width) {
|
|
.modal-inner-container {
|
|
width: 100%;
|
|
}
|
|
}
|
|
.modal-header {
|
|
border: none;
|
|
}
|
|
.modal-body {
|
|
border-top: 1px solid var(--primary-low);
|
|
margin-top: 1em;
|
|
height: 40dvh;
|
|
}
|
|
}
|
|
|
|
.sidebar__edit-navigation-menu__filter {
|
|
display: flex;
|
|
gap: 0.5em;
|
|
padding: 0 0.66em 0;
|
|
@include breakpoint("tablet", min-width) {
|
|
padding: 0 1em 0;
|
|
}
|
|
|
|
.sidebar__edit-navigation-menu__filter-dropdown {
|
|
.select-kit-header {
|
|
background: var(--secondary);
|
|
color: var(--primary);
|
|
border: 1px solid var(--primary-low-mid);
|
|
font-size: var(--font-0);
|
|
|
|
&:hover,
|
|
&:focus {
|
|
background: var(--secondary);
|
|
color: var(--primary);
|
|
|
|
.d-icon {
|
|
color: var(--primary);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.sidebar__edit-navigation-menu__filter-input {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-right: auto;
|
|
width: 100%;
|
|
position: relative;
|
|
flex: 1 1 70%;
|
|
input {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.sidebar__edit-navigation-menu__filter-dropdown-wrapper {
|
|
flex: 1 1 30%;
|
|
display: flex;
|
|
|
|
.select-kit {
|
|
width: 100%;
|
|
summary {
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.sidebar__edit-navigation-menu__filter-input-icon {
|
|
position: absolute;
|
|
left: 0.5em;
|
|
top: 0.65em;
|
|
color: var(--primary-low-mid);
|
|
}
|
|
|
|
.sidebar__edit-navigation-menu__filter-input-field {
|
|
border-color: var(--primary-low-mid);
|
|
padding-left: 1.75em;
|
|
width: 100%;
|
|
|
|
&:focus {
|
|
border-color: var(--tertiary);
|
|
outline: none;
|
|
outline-offset: 0;
|
|
box-shadow: inset 0px 0px 0px 1px var(--tertiary);
|
|
}
|
|
}
|
|
}
|
|
|
|
.sidebar__edit-navigation-menu__footer {
|
|
display: flex;
|
|
width: 100%;
|
|
margin-top: 0.25em;
|
|
|
|
.btn.sidebar__edit-navigation-menu__reset-defaults-button {
|
|
margin-left: auto;
|
|
margin-right: 0;
|
|
|
|
.d-icon {
|
|
font-size: var(--font-down-1);
|
|
color: var(--tertiary);
|
|
}
|
|
|
|
&:focus,
|
|
&:active {
|
|
background: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.sidebar__edit-navigation-menu__deselect-wrapper {
|
|
margin: 0 1em 0 0;
|
|
line-height: var(--line-height-medium);
|
|
|
|
.btn-flat.sidebar__edit-navigation-menu__deselect-button {
|
|
margin-left: auto;
|
|
padding: 0;
|
|
|
|
&:focus,
|
|
&:active {
|
|
background: none;
|
|
}
|
|
}
|
|
}
|