fix(ui): Customize the border styles

My commit message body

Ref: #1198
pull/1/head
dvdptr 6 years ago
parent bb4558a46b
commit dca41000ea
  1. 3
      src/app/panels/righthand-panel.js
  2. 2
      src/app/panels/styles/file-panel-styles.js
  3. 2
      src/app/panels/styles/terminal-styles.js
  4. 3
      src/app/ui/styles-guide/styleGuideDavid.js

@ -141,10 +141,11 @@ const css = csjs`
} }
.dragbar { .dragbar {
position : absolute; position : absolute;
width : 0.5em; width : 2px;
top : 3em; top : 3em;
bottom : 0; bottom : 0;
cursor : col-resize; cursor : col-resize;
background-color : hsla(0, 0%, 40%, .2);
z-index : 999; z-index : 999;
border-left : 2px solid ${styles.rightPanel.bar_Dragging}; border-left : 2px solid ${styles.rightPanel.bar_Dragging};
} }

@ -82,7 +82,7 @@ var css = csjs`
bottom : 0; bottom : 0;
cursor : col-resize; cursor : col-resize;
z-index : 999; z-index : 999;
border-right : 2px solid hsla(215, 81%, 79%, .3); border-right : 2px solid hsla(0, 0%, 40%, .2);
} }
.ghostbar { .ghostbar {
width : 3px; width : 3px;

@ -78,7 +78,7 @@ var css = csjs`
line-height : 2ch; line-height : 2ch;
padding : 1ch; padding : 1ch;
margin-top : 2ch; margin-top : 2ch;
border-top : 0.07ch solid ${styles.colors.veryLightGrey}; border-top : 2px solid ${styles.colors.veryLightGrey};
color : ${styles.appProperties.mainText_Color}; color : ${styles.appProperties.mainText_Color};
} }
.cli { .cli {

@ -23,7 +23,6 @@ function styleGuideDavid () {
blue: 'hsla(229, 75%, 87%, 1)', blue: 'hsla(229, 75%, 87%, 1)',
lightBlue: 'hsla(229, 75%, 87%, .5)', lightBlue: 'hsla(229, 75%, 87%, .5)',
backgroundBlue: 'hsla(229, 100%, 97%, 1)', backgroundBlue: 'hsla(229, 100%, 97%, 1)',
blueLightTrans: 'hsla(202, 91%, 75%, .4)',
brightBlue: 'hsla(233, 91%, 58%, 1)', brightBlue: 'hsla(233, 91%, 58%, 1)',
azure: '#dbe9f4', azure: '#dbe9f4',
// GREY // GREY
@ -94,7 +93,7 @@ function styleGuideDavid () {
/* ------------------------------------------------------ /* ------------------------------------------------------
RESIZING RESIZING
******************************************************** */ ******************************************************** */
ghostBar: cssProperties.colors.blueLightTrans, ghostBar: cssProperties.colors.veryLightGrey,
draggingBar: cssProperties.colors.blueGreyEve, draggingBar: cssProperties.colors.blueGreyEve,
/* ------------------------------------------------------ /* ------------------------------------------------------

Loading…
Cancel
Save