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