gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

further improve ui contrast and consistency

Browse Source
This commit is contained in:
Shawn Erquhart 2017-05-03 15:50:50 -04:00
parent 5adbecad77
commit e21a33986f
6 changed files with 8 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ControlPanel/ControlPane.css
View File

@ -14,7 +14,7 @@
width: 100%; width: 100%;
padding: 12px; padding: 12px;
margin: 0; margin: 0;
border: 2px solid rgb(230, 230, 230); border: 2px solid var(--textFieldBorderColor);
border-radius: var(--borderRadius); border-radius: var(--borderRadius);
outline: 0; outline: 0;
box-shadow: none; box-shadow: none;

2
src/components/EntryEditor/EntryEditor.css
View File

@ -54,5 +54,5 @@
} }
.ProseMirror { .ProseMirror {
border: 2px solid rgb(230, 230, 230); border: 2px solid var(--textFieldBorderColor);
} }

4
src/components/EntryListing/EntryListing.css
View File

@ -1,7 +1,5 @@
.card { .card {
flex-grow: 1; flex: 0 300px;
flex-basis: 31%;
flex-basis: 300px;
overflow: hidden; overflow: hidden;
margin-bottom: 16px; margin-bottom: 16px;
margin-left: 16px; margin-left: 16px;

4
src/components/UI/card/Card.css
View File

@ -1,9 +1,9 @@
@import '../theme.css'; @import '../theme.css';
.card { .card {
composes: base container rounded depth; composes: base container rounded;
overflow: hidden; overflow: hidden;
border: 1px solid #f7f8f8; border: 2px solid var(--textFieldBorderColor);
transition: all .1s ease-in-out; transition: all .1s ease-in-out;
transform: translateY(0); transform: translateY(0);
padding: 16px 24px; padding: 16px 24px;

6
src/components/UI/theme.css
View File

@ -17,7 +17,7 @@
--topmostZindex: 99999; --topmostZindex: 99999;
--foregroundAltColor: #fff; --foregroundAltColor: #fff;
--backgroundAltColor: #232528; --backgroundAltColor: #232528;
--textFieldBorderColor: #e7e7e7; --textFieldBorderColor: #e6e6e6;
--highlightFGColor: #fff; --highlightFGColor: #fff;
--highlightBGColor: #3ab7a5; --highlightBGColor: #3ab7a5;
--highlightFGAltColor: #eee; --highlightFGAltColor: #eee;
@ -40,10 +40,6 @@
border-radius: var(--borderRadius); border-radius: var(--borderRadius);
} }
.depth {
box-shadow: var(--dropShadow);
}
.clearfix:after { .clearfix:after {
content: ''; content: '';
display: table; display: table;

7
src/components/Widgets/MarkdownControlElements/VisualEditor/index.css
View File

@ -1,9 +1,6 @@
@import "../../../UI/theme"; @import "../../../UI/theme";
.editorControlBar { .editorControlBar {
background-color: var(--controlBGColor);
border-bottom: 1px solid var(--backgroundTertiaryColorDark);
border-radius: var(--borderRadius) var(--borderRadius) 0 0;
z-index: 1; z-index: 1;
} }
@ -71,8 +68,8 @@
padding: 12px; padding: 12px;
overflow: hidden; overflow: hidden;
border-radius: var(--borderRadius); border-radius: var(--borderRadius);
border: 2px solid rgb(230, 230, 230); overflow-x: auto;
border-top: 1px solid rgb(230, 230, 230); border: 2px solid var(--textFieldBorderColor);
min-height: 500px; min-height: 500px;
& ul, & ul,