Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Refined Portal settings main area topbar

Browse source 
no refs.
- changed preview tab style to buttons for better discoverability
This commit is contained in:
Peter Zimon 2020-07-17 09:53:15 +02:00
parent 41daa5fada
commit 42240c8be0
2 changed files with 29 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ghost/admin/app/components/modal-members-modal-settings.hbs
View file

@ -1,7 +1,7 @@
<div class="modal-body gh-ps-modal-body">
<div class="flex pa0 flex-grow-1 gh-portal-settings">
<div class="gh-portal-settings-sidebar">
<h2 class="f4 fw6 pa0 ma0 flex bb b--whitegrey nl6 nr6 pl6 pr6 items-center gh-portal-settings-topbarheight">Portal settings</h2>
<h2 class="f4 fw6 pa0 ma0 flex bb b--whitegrey nl6 nr6 pl6 pr6 mb1 items-center gh-portal-settings-topbarheight">Portal settings</h2>
<fieldset class="gh-portal-settings-form">
<div class="gh-portal-setting-section">
<h3 class="gh-portal-setting-sectionheading">Singup options</h3>

37
ghost/admin/app/styles/layouts/portal-settings.css
View file

@ -129,7 +129,7 @@
}
.gh-portal-settings-topbarheight {
height: 60px;
height: 66px;
}
.gh-portal-settings-main {
@ -151,6 +151,10 @@
align-items: center;
padding: 0;
margin: 0;
border: 1px solid color-mod(var(--midgrey) l(+35%) s(+10%));
border-radius: 4px;
letter-spacing: 0.2px;
box-shadow: 0 2px 5px -3px rgba(0,0,0,.12);
}
.gh-portal-settings-maintabs li {
@ -158,20 +162,35 @@
margin: 0;
}
.gh-portal-settings-maintabs li a {
display: inline-block;
padding: 4px 12px;
margin: -4px 0;
font-weight: 500;
color: var(--midgrey);
padding: 8px 12px;
margin: 0;
color: color-mod(var(--midgrey) l(-7%));
background: var(--white);
min-width: 56px;
text-align: center;
border-right: 1px solid color-mod(var(--midgrey) l(+35%) s(+10%));
outline: none;
box-sizing: content-box;
font-size: 1.3rem;
}
.gh-portal-settings-maintabs li a:first-of-type {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.gh-portal-settings-maintabs li:last-of-type a {
border-right: none;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.gh-portal-settings-maintabs li.active a {
color: var(--blue);
}
.gh-portal-settings-maintabs li:first-of-type a {
margin-left: -12px;
font-weight: 500;
}
.gh-portal-settings-icons {