From dca41000ea8f0ff69049649feaf64aece5c416b6 Mon Sep 17 00:00:00 2001 From: dvdptr Date: Fri, 4 Jan 2019 18:02:31 +0100 Subject: [PATCH] fix(ui): Customize the border styles My commit message body Ref: #1198 --- src/app/panels/righthand-panel.js | 3 ++- src/app/panels/styles/file-panel-styles.js | 2 +- src/app/panels/styles/terminal-styles.js | 2 +- src/app/ui/styles-guide/styleGuideDavid.js | 3 +-- 4 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/app/panels/righthand-panel.js b/src/app/panels/righthand-panel.js index b995c77d73..f5d4ddb6da 100644 --- a/src/app/panels/righthand-panel.js +++ b/src/app/panels/righthand-panel.js @@ -141,10 +141,11 @@ const css = csjs` } .dragbar { position : absolute; - width : 0.5em; + width : 2px; top : 3em; bottom : 0; cursor : col-resize; + background-color : hsla(0, 0%, 40%, .2); z-index : 999; border-left : 2px solid ${styles.rightPanel.bar_Dragging}; } diff --git a/src/app/panels/styles/file-panel-styles.js b/src/app/panels/styles/file-panel-styles.js index 0d50abf89e..cc54802452 100644 --- a/src/app/panels/styles/file-panel-styles.js +++ b/src/app/panels/styles/file-panel-styles.js @@ -82,7 +82,7 @@ var css = csjs` bottom : 0; cursor : col-resize; z-index : 999; - border-right : 2px solid hsla(215, 81%, 79%, .3); + border-right : 2px solid hsla(0, 0%, 40%, .2); } .ghostbar { width : 3px; diff --git a/src/app/panels/styles/terminal-styles.js b/src/app/panels/styles/terminal-styles.js index 267648237a..0fd92f2e28 100644 --- a/src/app/panels/styles/terminal-styles.js +++ b/src/app/panels/styles/terminal-styles.js @@ -78,7 +78,7 @@ var css = csjs` line-height : 2ch; padding : 1ch; margin-top : 2ch; - border-top : 0.07ch solid ${styles.colors.veryLightGrey}; + border-top : 2px solid ${styles.colors.veryLightGrey}; color : ${styles.appProperties.mainText_Color}; } .cli { diff --git a/src/app/ui/styles-guide/styleGuideDavid.js b/src/app/ui/styles-guide/styleGuideDavid.js index f223fad0da..d912348b92 100644 --- a/src/app/ui/styles-guide/styleGuideDavid.js +++ b/src/app/ui/styles-guide/styleGuideDavid.js @@ -23,7 +23,6 @@ function styleGuideDavid () { blue: 'hsla(229, 75%, 87%, 1)', lightBlue: 'hsla(229, 75%, 87%, .5)', backgroundBlue: 'hsla(229, 100%, 97%, 1)', - blueLightTrans: 'hsla(202, 91%, 75%, .4)', brightBlue: 'hsla(233, 91%, 58%, 1)', azure: '#dbe9f4', // GREY @@ -94,7 +93,7 @@ function styleGuideDavid () { /* ------------------------------------------------------ RESIZING ******************************************************** */ - ghostBar: cssProperties.colors.blueLightTrans, + ghostBar: cssProperties.colors.veryLightGrey, draggingBar: cssProperties.colors.blueGreyEve, /* ------------------------------------------------------