LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

reduce !important rule usage and fix fullscreen styles

Browse source
This commit is contained in:
btzr-io 2018-07-28 15:27:28 -06:00
parent 3d4c3373d5
commit 77cfcc84a8
1 changed files with 26 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
src/renderer/scss/component/_markdown-editor.scss
View file

@ -1,62 +1,66 @@
.CodeMirror { .CodeMirror {
background: var(--color-canvas);
border: 0px; border: 0px;
border-radius: 0px; border-radius: 0px;
background: var(--card-bg);
color: var(--text-color); color: var(--text-color);
box-shadow: var(--box-shadow-layer);
} }
.editor-toolbar { .editor-toolbar {
opacity: 1 !important; opacity: 1;
border: 0 !important; border: 0;
background: var(--color-bg-alt); background: var(--color-bg-alt);
border-radius: 0 !important; border-radius: 0;
box-shadow: var(--box-shadow-layer); box-shadow: var(--box-shadow-layer);
} }
.editor-toolbar:hover {
opacity: 1;
}
.editor-toolbar i.separator { .editor-toolbar i.separator {
border: 0 !important; border: 0;
border-right: var(--divider) !important;
} }
.editor-toolbar.fullscreen { .editor-toolbar.fullscreen {
background: var(--color-bg) !important; background: var(--color-bg-alt);
} }
div.editor-toolbar a { .editor-toolbar.fullscreen::before,
opacity: 0.64; .editor-toolbar.fullscreen::after {
display: none;
}
.editor-toolbar a {
opacity: 0.6;
color: var(--text-color) !important; color: var(--text-color) !important;
transition: opacity 0.3s ease;
} }
.editor-toolbar a.active, .editor-toolbar a.active,
.editor-toolbar a:hover { .editor-toolbar a:hover {
opacity: 1; opacity: 1;
background: var(--button-bg) !important; background: var(--button-bg);
border-color: transparent !important; border-color: transparent;
} }
.editor-toolbar.disabled-for-preview a:not(.no-disable) { .editor-toolbar.disabled-for-preview a:not(.no-disable) {
background: var(--color-bg-alt) !important; background: var(--color-bg-alt);
border-color: transparent !important; border-color: transparent;
opacity: 0.3;
} }
.editor-statusbar { .editor-statusbar {
color: var(--form-label-color) !important; color: var(--form-label-color);
} }
.editor-preview { .editor-preview {
font-size: calc(var(--font-size-subtext-multiple) * 1em); font-size: calc(var(--font-size-subtext-multiple) * 1em);
background: var(--color-bg) !important; background: var(--color-bg);
border: 0; border: 0;
} }
.editor-preview-side {
background: var(--color-bg-alt) !important;
border: 1px solid var(--input-border-color) !important;
}
.CodeMirror .CodeMirror-cursor { .CodeMirror .CodeMirror-cursor {
border-color: var(--color-primary) !important; border-color: var(--color-primary);
} }
.CodeMirror .CodeMirror-placeholder { .CodeMirror .CodeMirror-placeholder {