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

Merge pull request #6412 from jamesslock/css

Browse Source 
UI/CSS Improvements
This commit is contained in:
John O'Nolan 2016-01-28 16:51:41 +02:00
commit 6d4da888e0
4 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
core/client/app/styles/layouts/content.css
View File

@ -227,6 +227,9 @@
border: none; border: none;
font-size: 18px; font-size: 18px;
} }
.content-preview .post-controls .post-edit:hover {
color: var(--darkgrey);
}
.content-preview img { .content-preview img {
width: 100%; width: 100%;

6
core/client/app/styles/layouts/main.css
View File

@ -63,6 +63,7 @@ body > .ember-view:not(.liquid-target-container) {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 15px; padding: 15px;
cursor: pointer;
} }
.gh-nav-menu i { .gh-nav-menu i {
@ -71,10 +72,11 @@ body > .ember-view:not(.liquid-target-container) {
height: 11px; height: 11px;
font-size: 11px; font-size: 11px;
line-height: 11px; line-height: 11px;
transition: margin-top 0.2s ease;
} }
.gh-nav-menu:hover { .gh-nav-menu:hover i {
cursor: pointer; margin-top: 5px;
} }
.gh-nav-menu-icon { .gh-nav-menu-icon {

4
core/client/app/styles/layouts/tags.css
View File

@ -23,10 +23,6 @@
border-left: 3px solid; border-left: 3px solid;
} }
.settings-tag:last-of-type:hover .tag-edit-button {
box-shadow: inset 0 -1px 0 #dfe1e3;
}
.settings-tag .label { .settings-tag .label {
display: inline-block; display: inline-block;
overflow: hidden; overflow: hidden;

25
core/client/app/styles/patterns/forms.css
View File

@ -1,15 +1,12 @@
/* Forms /* Forms
/* ---------------------------------------------------------- */ /* ---------------------------------------------------------- */
form * {
user-select: text;
}
form label { form label {
display: block; display: block;
color: var(--darkgrey); color: var(--darkgrey);
font-size: 1.3rem; font-size: 1.3rem;
font-weight: bold; font-weight: bold;
user-select: text;
} }
form .word-count { form .word-count {
@ -21,6 +18,7 @@ fieldset {
margin: 0 0 3em 0; margin: 0 0 3em 0;
padding: 0; padding: 0;
border: none; border: none;
user-select: text;
} }
legend { legend {
@ -31,6 +29,7 @@ legend {
color: #b1b1b1; color: #b1b1b1;
font-size: 1.2em; font-size: 1.2em;
line-height: 2.0em; line-height: 2.0em;
user-select: text;
} }
input { input {
@ -50,6 +49,7 @@ input {
margin-bottom: 1.6em; margin-bottom: 1.6em;
max-width: 500px; max-width: 500px;
width: 100%; width: 100%;
user-select: text;
} }
.form-group p { .form-group p {
@ -122,6 +122,7 @@ select {
font-size: 1.4rem; font-size: 1.4rem;
font-weight: normal; font-weight: normal;
user-select: text; user-select: text;
cursor: pointer;
transition: border-color 0.15s linear; transition: border-color 0.15s linear;
-webkit-appearance: none; -webkit-appearance: none;
@ -161,17 +162,19 @@ textarea {
.for-checkbox label { .for-checkbox label {
display: block; display: block;
padding-bottom: 4px; padding-bottom: 4px;
cursor: pointer;
} }
.for-radio label p, .for-radio label p,
.for-checkbox label p { .for-checkbox label p {
overflow: auto;
color: #000; color: #000;
font-weight: normal; font-weight: normal;
} }
.for-radio label:hover input:not(:checked) + .input-toggle-component, .for-radio label:hover p,
.for-checkbox label:hover input:not(:checked) + .input-toggle-component { .for-checkbox label:hover p {
border-color: #dfe1e3; color: var(--midgrey);
} }
.for-radio input, .for-radio input,
@ -196,11 +199,9 @@ textarea {
background: #f7f7f7; background: #f7f7f7;
} }
.for-radio p, .for-checkbox label:hover input:not(:checked) + .input-toggle-component,
.for-checkbox p { .for-radio label:hover input:not(:checked) + .input-toggle-component {
overflow: auto; border-color: var(--lightgrey);
color: #b3b2a8;
font-weight: normal;
} }
.for-checkbox .input-toggle-component { .for-checkbox .input-toggle-component {