diff --git a/core/client/app/styles/layouts/content.css b/core/client/app/styles/layouts/content.css index 5c6f68d50b..a0bc8a9247 100644 --- a/core/client/app/styles/layouts/content.css +++ b/core/client/app/styles/layouts/content.css @@ -227,6 +227,9 @@ border: none; font-size: 18px; } +.content-preview .post-controls .post-edit:hover { + color: var(--darkgrey); +} .content-preview img { width: 100%; diff --git a/core/client/app/styles/layouts/main.css b/core/client/app/styles/layouts/main.css index bc4feb78f8..7a284adac7 100644 --- a/core/client/app/styles/layouts/main.css +++ b/core/client/app/styles/layouts/main.css @@ -63,6 +63,7 @@ body > .ember-view:not(.liquid-target-container) { display: flex; align-items: center; padding: 15px; + cursor: pointer; } .gh-nav-menu i { @@ -71,10 +72,11 @@ body > .ember-view:not(.liquid-target-container) { height: 11px; font-size: 11px; line-height: 11px; + transition: margin-top 0.2s ease; } -.gh-nav-menu:hover { - cursor: pointer; +.gh-nav-menu:hover i { + margin-top: 5px; } .gh-nav-menu-icon { diff --git a/core/client/app/styles/layouts/tags.css b/core/client/app/styles/layouts/tags.css index 891923d608..54f47bc438 100644 --- a/core/client/app/styles/layouts/tags.css +++ b/core/client/app/styles/layouts/tags.css @@ -23,10 +23,6 @@ border-left: 3px solid; } -.settings-tag:last-of-type:hover .tag-edit-button { - box-shadow: inset 0 -1px 0 #dfe1e3; -} - .settings-tag .label { display: inline-block; overflow: hidden; diff --git a/core/client/app/styles/patterns/forms.css b/core/client/app/styles/patterns/forms.css index 5f306848b0..1206edd1f2 100644 --- a/core/client/app/styles/patterns/forms.css +++ b/core/client/app/styles/patterns/forms.css @@ -1,15 +1,12 @@ /* Forms /* ---------------------------------------------------------- */ -form * { - user-select: text; -} - form label { display: block; color: var(--darkgrey); font-size: 1.3rem; font-weight: bold; + user-select: text; } form .word-count { @@ -21,6 +18,7 @@ fieldset { margin: 0 0 3em 0; padding: 0; border: none; + user-select: text; } legend { @@ -31,6 +29,7 @@ legend { color: #b1b1b1; font-size: 1.2em; line-height: 2.0em; + user-select: text; } input { @@ -50,6 +49,7 @@ input { margin-bottom: 1.6em; max-width: 500px; width: 100%; + user-select: text; } .form-group p { @@ -122,6 +122,7 @@ select { font-size: 1.4rem; font-weight: normal; user-select: text; + cursor: pointer; transition: border-color 0.15s linear; -webkit-appearance: none; @@ -161,17 +162,19 @@ textarea { .for-checkbox label { display: block; padding-bottom: 4px; + cursor: pointer; } .for-radio label p, .for-checkbox label p { + overflow: auto; color: #000; font-weight: normal; } -.for-radio label:hover input:not(:checked) + .input-toggle-component, -.for-checkbox label:hover input:not(:checked) + .input-toggle-component { - border-color: #dfe1e3; +.for-radio label:hover p, +.for-checkbox label:hover p { + color: var(--midgrey); } .for-radio input, @@ -196,11 +199,9 @@ textarea { background: #f7f7f7; } -.for-radio p, -.for-checkbox p { - overflow: auto; - color: #b3b2a8; - font-weight: normal; +.for-checkbox label:hover input:not(:checked) + .input-toggle-component, +.for-radio label:hover input:not(:checked) + .input-toggle-component { + border-color: var(--lightgrey); } .for-checkbox .input-toggle-component {