2
0
mirror of https://github.com/Ionaru/easy-markdown-editor synced 2025-07-23 09:54:28 -06:00

Small CSS changes

* Removed opacity change on hover.
* Removed default opacity.
* Remove default button color.
* Added opacity change on button disable.
This commit is contained in:
Jeroen Akkerman 2017-12-04 12:06:59 +01:00
parent e45dcec53f
commit 89ed815735
3 changed files with 5 additions and 25 deletions

View File

@ -382,7 +382,6 @@ span.CodeMirror-selectedtext { background: none; }
.editor-toolbar {
position: relative;
opacity: .6;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
@ -411,12 +410,6 @@ span.CodeMirror-selectedtext { background: none; }
margin-top: 8px
}
.editor-toolbar:hover,
.editor-wrapper input.title:focus,
.editor-wrapper input.title:hover {
opacity: .8
}
.editor-toolbar.fullscreen {
width: 100%;
height: 50px;
@ -473,7 +466,6 @@ span.CodeMirror-selectedtext { background: none; }
display: inline-block;
text-align: center;
text-decoration: none!important;
color: #2c3e50!important;
width: 30px;
height: 30px;
margin: 0;
@ -534,11 +526,9 @@ span.CodeMirror-selectedtext { background: none; }
content: "▼";
}
.editor-toolbar.disabled-for-preview a:not(.no-disable) {
.editor-toolbar.disabled-for-preview button:not(.no-disable) {
opacity: .6;
pointer-events: none;
background: #fff;
border-color: transparent;
text-shadow: inherit;
}
@media only screen and (max-width: 700px) {

File diff suppressed because one or more lines are too long

View File

@ -29,7 +29,6 @@
.editor-toolbar {
position: relative;
opacity: .6;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
@ -58,12 +57,6 @@
margin-top: 8px
}
.editor-toolbar:hover,
.editor-wrapper input.title:focus,
.editor-wrapper input.title:hover {
opacity: .8
}
.editor-toolbar.fullscreen {
width: 100%;
height: 50px;
@ -120,7 +113,6 @@
display: inline-block;
text-align: center;
text-decoration: none!important;
color: #2c3e50!important;
width: 30px;
height: 30px;
margin: 0;
@ -181,11 +173,9 @@
content: "▼";
}
.editor-toolbar.disabled-for-preview a:not(.no-disable) {
.editor-toolbar.disabled-for-preview button:not(.no-disable) {
opacity: .6;
pointer-events: none;
background: #fff;
border-color: transparent;
text-shadow: inherit;
}
@media only screen and (max-width: 700px) {