From 32715d390392ebbdd5736e0f2fa30bda929b111e Mon Sep 17 00:00:00 2001 From: IAmSamHankins Date: Thu, 25 May 2017 17:21:32 -0400 Subject: [PATCH 1/2] initial style updates on comment stream for PT 142803055 ~ copy translations still needed --- client/coral-embed-stream/style/default.css | 6 ++++-- client/coral-plugin-history/Comment.css | 7 +++---- client/coral-ui/components/TextField.css | 1 + 3 files changed, 8 insertions(+), 6 deletions(-) diff --git a/client/coral-embed-stream/style/default.css b/client/coral-embed-stream/style/default.css index 42a0d7c85..91b149f7c 100644 --- a/client/coral-embed-stream/style/default.css +++ b/client/coral-embed-stream/style/default.css @@ -170,6 +170,7 @@ hr { display: flex; align-items: center; justify-content: center; + font-weight: 400; } .hidden { @@ -240,6 +241,8 @@ hr { .coral-plugin-commentcontent-text { margin-bottom: 7px; font-size: 16px; + font-weight: 100; + line-height: 1.4; } .coral-plugin-author-name-text { @@ -319,7 +322,6 @@ button.comment__action-button[disabled], .coral-plugin-pubdate-text { display: inline-block; - margin-left: 5px; } .coral-plugin-permalinks-container { @@ -367,7 +369,7 @@ button.comment__action-button[disabled], .coral-plugin-flags-popup-radio-label { margin:5px; - font-weight: 700; + font-weight: 400; font-size: .9rem; } diff --git a/client/coral-plugin-history/Comment.css b/client/coral-plugin-history/Comment.css index bc2134639..4e827cdde 100644 --- a/client/coral-plugin-history/Comment.css +++ b/client/coral-plugin-history/Comment.css @@ -13,10 +13,10 @@ } .assetURL { - font-size: 16px; - color: black; text-decoration: none; font-weight: bold; + font-size: 12px; + color: #2c3e50; } .commentBody { @@ -32,7 +32,7 @@ } li { - margin-bottom: 10px; + margin-bottom: 5px; &:nth-child(1) { color: #5394D7; @@ -46,7 +46,6 @@ i { margin-right: 5px; font-size: 15px; - vertical-align: bottom; } a:hover { diff --git a/client/coral-ui/components/TextField.css b/client/coral-ui/components/TextField.css index 33b1389e7..5682748be 100644 --- a/client/coral-ui/components/TextField.css +++ b/client/coral-ui/components/TextField.css @@ -18,6 +18,7 @@ box-sizing: border-box; border-radius: 2px; margin: 5px auto; + font-size: 14px; } input.error{ From 05e5200e79852a6a33b3bf40a7af7eab6fdc70ba Mon Sep 17 00:00:00 2001 From: IAmSamHankins Date: Fri, 26 May 2017 12:48:15 -0400 Subject: [PATCH 2/2] moderation panel design cleanup PT 144120491 --- client/coral-admin/src/components/ui/Header.css | 3 +++ .../ModerationQueue/components/CommentCount.css | 7 ++++--- .../components/ModerationHeader.js | 2 +- .../ModerationQueue/components/styles.css | 16 +++++++++++----- client/coral-embed-stream/style/default.css | 2 +- 5 files changed, 20 insertions(+), 10 deletions(-) diff --git a/client/coral-admin/src/components/ui/Header.css b/client/coral-admin/src/components/ui/Header.css index eba94d892..7cb68ecbf 100644 --- a/client/coral-admin/src/components/ui/Header.css +++ b/client/coral-admin/src/components/ui/Header.css @@ -73,6 +73,8 @@ font-weight: 500; background-color: transparent; transition: background-color 200ms; + font-weight: 100; + letter-spacing: .8; &:hover { background-color: #232323; @@ -80,6 +82,7 @@ &.active { background-color: #232323; + font-weight: 400; } } diff --git a/client/coral-admin/src/containers/ModerationQueue/components/CommentCount.css b/client/coral-admin/src/containers/ModerationQueue/components/CommentCount.css index 6ca30866a..b684d0f4a 100644 --- a/client/coral-admin/src/containers/ModerationQueue/components/CommentCount.css +++ b/client/coral-admin/src/containers/ModerationQueue/components/CommentCount.css @@ -3,12 +3,13 @@ background: #989797; margin: 2px; vertical-align: middle; - padding: 4px 7px; + padding: 1px 7px; border-radius: 2px; - margin-left: 10px; + margin-left: 2px; line-height: 20px; box-sizing: border-box; - height: 27px; + height: 21px; right: 0; margin-top: -2px; + font-size: 12px; } diff --git a/client/coral-admin/src/containers/ModerationQueue/components/ModerationHeader.js b/client/coral-admin/src/containers/ModerationQueue/components/ModerationHeader.js index 5d6e8b9de..1a982a68c 100644 --- a/client/coral-admin/src/containers/ModerationQueue/components/ModerationHeader.js +++ b/client/coral-admin/src/containers/ModerationQueue/components/ModerationHeader.js @@ -10,7 +10,7 @@ const ModerationHeader = (props) => ( props.asset ?
All Streams - + {props.asset.title} diff --git a/client/coral-admin/src/containers/ModerationQueue/components/styles.css b/client/coral-admin/src/containers/ModerationQueue/components/styles.css index 52800fe43..bfc79355d 100644 --- a/client/coral-admin/src/containers/ModerationQueue/components/styles.css +++ b/client/coral-admin/src/containers/ModerationQueue/components/styles.css @@ -18,18 +18,21 @@ .tab { flex: 1; - color: white; + color: #EEEEEE; text-transform: capitalize; - font-weight: 500; + font-weight: 100; font-size: 15px; letter-spacing: 1px; transition: border-bottom 200ms; + padding: 0px 5px; + margin-right: 30px; } .active { color: white; box-sizing: border-box; - border-bottom: solid 5px #F36451; + border-bottom: solid 4px #F36451; + font-weight: 400; } .active > span { @@ -97,7 +100,7 @@ span { flex: 1; color: white; text-transform: capitalize; - font-weight: 500; + font-weight: 400; font-size: 15px; letter-spacing: 1px; transition: opacity 200ms; @@ -371,6 +374,7 @@ span { padding: 10px 15px; box-sizing: border-box; border-radius: 2px; + bor box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); > div { @@ -388,6 +392,7 @@ span { font-size: 13px; letter-spacing: 0.7px; font-weight: 400; + border-bottom: 0px; } label { @@ -421,7 +426,8 @@ span { .tabIcon { position: relative; - top: 7px; + top: 2px; + font-size: 16px; } .username { diff --git a/client/coral-embed-stream/style/default.css b/client/coral-embed-stream/style/default.css index 91b149f7c..04b2536a3 100644 --- a/client/coral-embed-stream/style/default.css +++ b/client/coral-embed-stream/style/default.css @@ -242,7 +242,7 @@ hr { margin-bottom: 7px; font-size: 16px; font-weight: 100; - line-height: 1.4; + line-height: 1.3; } .coral-plugin-author-name-text {