diff --git a/core/server/apps/private-blogging/lib/views/private.hbs b/core/server/apps/private-blogging/lib/views/private.hbs index fbc19e267c..74c66b1b6c 100644 --- a/core/server/apps/private-blogging/lib/views/private.hbs +++ b/core/server/apps/private-blogging/lib/views/private.hbs @@ -29,7 +29,8 @@
- + + {{input_password class="gh-input" placeholder="Password"}}
diff --git a/core/server/apps/subscribers/lib/views/subscribe.hbs b/core/server/apps/subscribers/lib/views/subscribe.hbs index 4a3e8391dc..568dc41442 100644 --- a/core/server/apps/subscribers/lib/views/subscribe.hbs +++ b/core/server/apps/subscribers/lib/views/subscribe.hbs @@ -24,7 +24,21 @@
diff --git a/core/server/public/ghost.css b/core/server/public/ghost.css index fb6a750771..cedf76fa7e 100644 --- a/core/server/public/ghost.css +++ b/core/server/public/ghost.css @@ -571,6 +571,29 @@ h2 { width: 100%; } +/* Input Icons +/* ---------------------------------------------------------- */ + +.gh-input-icon { + position: relative; + display: block; +} + +.gh-input-icon svg { + position: absolute; + top: 50%; + left: 10px; + z-index: 2; + height: 14px; + width: auto; + fill: color(var(--midgrey) l(+15%)); + transform: translateY(-7px); +} + +.gh-input-icon input { + padding-left: 35px; +} + /* Layouts: Groups of Components /* ---------------------------------------------------------- */ /* Global Layout @@ -656,10 +679,14 @@ h2 { font-weight: 100; transition: all 0.3s ease; } -.gh-flow-back i { +.gh-flow-back svg { margin-right: 4px; - font-size: 12px; - line-height: 8px; + height: 12px; + line-height: 14px; +} +.gh-flow-back svg path { + stroke: #7d878a; + stroke-width: 1.2px; } .gh-flow-back:hover { border: #dae1e3 1px solid; @@ -682,6 +709,11 @@ h2 { line-height: 1.5em; font-weight: 100; } + +.gh-flow-content .gh-input-icon input { + padding-left: 35px; +} + @media (max-width: 500px) { .gh-flow-content { font-size: 4vw;