lbry-desktop/ui/scss/component/_markdown-editor.scss

72 lines
1.4 KiB
SCSS
Raw Normal View History

2017-08-26 22:47:37 +02:00
.CodeMirror {
2020-01-18 08:13:11 +01:00
border: 1px solid var(--color-input-border);
2019-11-22 22:13:00 +01:00
border-bottom-left-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
background: var(--color-input-bg);
color: var(--color-input);
2017-08-26 22:47:37 +02:00
.CodeMirror-placeholder {
opacity: 0.5;
}
2017-08-26 22:47:37 +02:00
}
2020-01-18 08:13:11 +01:00
.CodeMirror-wrap {
overflow: hidden;
}
.editor-toolbar {
2019-11-22 22:13:00 +01:00
background-color: var(--color-header-background);
2018-10-17 19:14:24 +02:00
border: none;
2019-11-22 22:13:00 +01:00
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
border-right: 1px solid var(--color-input-border);
border-top: 1px solid var(--color-input-border);
border-left: 1px solid var(--color-input-border);
2018-10-17 19:14:24 +02:00
opacity: 1; // ?
2017-08-26 22:47:37 +02:00
&:hover {
opacity: 1; // ?
}
2017-08-26 22:47:37 +02:00
&.disabled-for-preview a:not(.no-disable) {
border-color: transparent;
opacity: 0.3;
}
2017-08-26 22:47:37 +02:00
&.fullscreen {
&::before,
&::after {
display: none;
}
}
2018-07-28 22:17:06 +02:00
2019-03-21 16:22:23 +01:00
button {
2019-11-22 22:13:00 +01:00
color: var(--color-header-link);
2019-03-21 16:22:23 +01:00
border-color: transparent;
transition: opacity 0.3s ease;
}
2018-07-28 22:17:06 +02:00
i.separator {
2018-10-17 19:14:24 +02:00
border: none;
}
}
2019-02-13 17:27:20 +01:00
.form-field--SimpleMDE {
2019-06-11 20:10:58 +02:00
margin-top: var(--spacing-large);
2019-03-21 16:22:23 +01:00
// Overriding the lbry/components form styling
.editor-toolbar {
button:not(.button) {
padding-right: 0;
padding-left: 0;
background-color: transparent !important;
border: transparent;
&:hover {
2019-11-22 22:13:00 +01:00
color: var(--color-header-link-active);
2019-03-21 16:22:23 +01:00
}
}
}
2019-02-13 17:27:20 +01:00
}