Fixed z-indexing that messed with some dropdowns and fixed the extra long widths on others

refs: https://github.com/TryGhost/Team/issues/1531
This commit is contained in:
James Morris 2022-05-11 14:32:55 +01:00
parent 37aec66e83
commit 07b3f26e08
4 changed files with 14 additions and 4 deletions

View File

@ -9,7 +9,7 @@
@onChange={{this.onDisplayChange}}
@triggerComponent="gh-power-select/trigger"
@triggerClass="gh-contentfilter-menu-trigger"
@dropdownClass="gh-contentfilter-menu-dropdown"
@dropdownClass="gh-contentfilter-menu-dropdown is-narrow"
@matchTriggerWidth={{false}}
as |option|
>
@ -75,7 +75,7 @@
@onChange={{this.onDaysChange}}
@triggerComponent="gh-power-select/trigger"
@triggerClass="gh-contentfilter-menu-trigger"
@dropdownClass="gh-contentfilter-menu-dropdown"
@dropdownClass="gh-contentfilter-menu-dropdown is-narrow"
@matchTriggerWidth={{false}}
as |option|
>

View File

@ -37,7 +37,7 @@
@onChange={{this.onSwitchStatus}}
@triggerComponent="gh-power-select/trigger"
@triggerClass="gh-contentfilter-menu-trigger"
@dropdownClass="gh-contentfilter-menu-dropdown"
@dropdownClass="gh-contentfilter-menu-dropdown is-narrow"
@matchTriggerWidth={{false}}
as |option|
>

View File

@ -44,7 +44,7 @@
@onChange={{this.onSwitchMode}}
@triggerComponent="gh-power-select/trigger"
@triggerClass="gh-contentfilter-menu-trigger"
@dropdownClass="gh-contentfilter-menu-dropdown"
@dropdownClass="gh-contentfilter-menu-dropdown is-narrow"
@matchTriggerWidth={{false}}
as |option|
>

View File

@ -351,6 +351,7 @@ Dashboard v5 Layout */
position: absolute;
top: 14px;
right: 4px;
z-index: 99;
}
.gh-dashboard5-select .gh-dashboard5-select {
@ -367,10 +368,19 @@ Dashboard v5 Layout */
white-space: nowrap;
}
.gh-contentfilter-menu-dropdown.is-narrow {
width: auto;
}
.gh-contentfilter-menu-dropdown.is-narrow .ember-power-select-option {
padding-right: 32px;
}
.gh-dashboard5-select-title {
display: flex;
justify-content: flex-start;
margin: -12px 0 -12px -13px;
z-index: 1;
}
.gh-dashboard5-select-title .ember-power-select-selected-item {