TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-25 09:03:12 +03:00
Code Issues Projects Releases Wiki Activity

Adjusted dark mode styling of top menu dropdowns on the members page for consistency

Browse Source
This commit is contained in:
Sanne de Vries 2020-09-08 17:56:44 +02:00
parent af1462e66f
commit 6a7745c9a8
6 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ghost/admin/app/components/gh-members-filter.hbs
View File

@ -1,11 +1,11 @@
<span class="dropdown dropdown-topmenu">
<GhDropdownButton
@dropdownName="members-label-menu"
@classNames="gh-btn gh-btn-white gh-btn-filter first" @title="Member Labels"
@classNames="gh-contentfilter-menu-trigger" @title="Member Labels"
@data-test-user-actions="true">
<span class="nudge-bottom--1 {{if @selectedLabel.slug "blue fw6"}} gh-btn-filter-maxwidth" title="{{@selectedLabel.name}}">
<span class="{{if @selectedLabel.slug "blue fw6"}} gh-btn-filter-maxwidth" title="{{@selectedLabel.name}}">
<span>{{@selectedLabel.name}}</span>
{{svg-jar "arrow-down-stroke" class="w2 h2 stroke-midgrey ml1"}}
{{svg-jar "arrow-down-small"}}
</span>
</GhDropdownButton>
<GhDropdown @name="members-label-menu" @tagName="div"

4
ghost/admin/app/styles/components/dropdowns.css
View File

@ -10,10 +10,6 @@
z-index: 1100;
}
.dropdown-topmenu {
height: 33px;
}
.dropdown-toggle:focus {
outline: 0;
}

4
ghost/admin/app/styles/components/power-select.css
View File

@ -25,6 +25,10 @@
padding: 2px 0 3px 0 !important;
}
.ember-power-select-selected-item {
margin-left: 0;
}
.ember-basic-dropdown--opened > .ember-power-select-trigger,
.ember-power-select-trigger[aria-expanded="true"],
.ember-power-select-search input {

2
ghost/admin/app/styles/layouts/content.css
View File

@ -50,6 +50,8 @@
font-size: 1.3rem;
font-weight: 400;
color: var(--darkgrey);
letter-spacing: 0.2px;
height: 33px;
padding: 5px 10px 6px 10px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 1px 2px rgba(0, 0, 0, 0.05);
outline: none;

5
ghost/admin/app/styles/layouts/members.css
View File

@ -103,6 +103,11 @@
left: 10px;
}
.dropdown-topmenu .gh-contentfilter-menu-trigger {
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important;
}
.gh-members-list-searchfield.active {
border-color: #3eb0ef;
box-shadow: inset 0 0 0 1px #3eb0ef;

11
ghost/admin/app/styles/patterns/buttons.css
View File

@ -541,6 +541,13 @@ Usage: CTA buttons grouped together horizontally.
max-width: 160px;
}
.gh-btn-filter-maxwidth svg {
height: 4px;
width: 6.11px;
margin-left: 2px;
margin-top: -2px;
vertical-align: middle;
}
/* Stripe Connect buttons
/* ---------------------------------------------------------- */
@ -636,10 +643,6 @@ Usage: CTA buttons grouped together horizontally.
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}
.stripe-connect:active span:before {
}
.stripe-connect.light-blue {
background: #b5c3d8;
background-image: -webkit-linear-gradient(#b5c3d8, #9cabc2);