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

minor update for publish layout

Browse source 
update markdown styles

css fixes
This commit is contained in:
btzr-io 2017-10-14 23:40:15 -06:00
parent c6f75702b1
commit 0256d7a8f8
3 changed files with 21 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ui/js/component/publishForm/view.jsx
View file

@ -584,9 +584,11 @@ class PublishForm extends React.PureComponent {
}} }}
/> />
</div> </div>
<div className="card__content">
<h4>{__("Description")}</h4>
</div>
<div className="card__content"> <div className="card__content">
<FormRow <FormRow
label={__("Description")}
type="SimpleMDE" type="SimpleMDE"
ref="meta_description" ref="meta_description"
name="description" name="description"

2
ui/scss/_vars.scss
View file

@ -72,7 +72,7 @@ $text-color: #000;
/* input:hover */ /* input:hover */
--input-hover-border-color: rgba(0, 0, 0, 0.87); --input-hover-border-color: rgba(0, 0, 0, 0.87);
/* input:placeholder */ /* input:placeholder */
--input-placeholder-color: var(--text-color); --input-placeholder-color: rgba(0, 0, 0, 0.42);
--input-placeholder-opacity: 1; --input-placeholder-opacity: 1;
/* Select */ /* Select */

27
ui/scss/component/_markdown-editor.scss
View file

@ -1,20 +1,23 @@
.CodeMirror { .CodeMirror {
background: var(--input-active-bg) !important; background: var(--color-bg-alt) !important;
border: 1px solid var(--input-border-color) !important; border: 0 !important;
border-radius: 0px !important;
color: var(--text-color) !important; color: var(--text-color) !important;
} box-shadow: var(--box-shadow-layer);
.CodeMirror-fullscreen {
background: var(--input-bg);
} }
.editor-toolbar { .editor-toolbar {
border: 1px solid var(--input-border-color) !important; opacity: 1 !important;
border-bottom: 0 !important; border: 0 !important;
background: var(--color-bg-alt);
border-radius: 0 !important;
border-bottom: var(--divider) !important;
box-shadow: var(--box-shadow-layer);
} }
.editor-toolbar i.separator { .editor-toolbar i.separator {
border-color: var(--input-border-color) !important; border: 0 !important;
border-right: var(--divider) !important;
} }
.editor-toolbar.fullscreen { .editor-toolbar.fullscreen {
@ -22,22 +25,24 @@
} }
div.editor-toolbar a { div.editor-toolbar a {
opacity: 0.75;
color: var(--text-color) !important; color: var(--text-color) !important;
} }
.editor-toolbar a.active, .editor-toolbar a.active,
.editor-toolbar a:hover { .editor-toolbar a:hover {
opacity: 1;
background: var(--button-bg) !important; background: var(--button-bg) !important;
border-color: transparent !important; border-color: transparent !important;
} }
.editor-toolbar.disabled-for-preview a:not(.no-disable) { .editor-toolbar.disabled-for-preview a:not(.no-disable) {
background: transparent !important; background: var(--color-bg-alt) !important;
border-color: transparent !important; border-color: transparent !important;
} }
.editor-statusbar { .editor-statusbar {
color: #959694; color: var(--form-label-color) !important;
} }
.editor-preview { .editor-preview {