diff --git a/client/components/boards/boardColors.styl b/client/components/boards/boardColors.styl index 12f4a47d7..78eec3aad 100644 --- a/client/components/boards/boardColors.styl +++ b/client/components/boards/boardColors.styl @@ -15,9 +15,16 @@ setBoardColor(color) .is-selected .minicard border-left: 3px solid color + // All minicards rounded corners: + .minicard + border-radius: 7px + padding: 10px 10px 4px 10px + box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.15) + button[type=submit].primary, input[type=submit].primary, .sidebar .sidebar-content .sidebar-btn background-color: darken(color, 20%) + border-radius: 7px &.pop-over .pop-over-list li a:not(.disabled):hover, .sidebar .sidebar-content .sidebar-btn:hover, @@ -197,6 +204,7 @@ setBoardColor(color) .open-minicard-composer:hover background-color:rgba(255,255,255,.8) !important color:#000 + border-radius: 7px /* .minicard, .minicard .badge @@ -457,7 +465,7 @@ setBoardClear(color1,color2) background-color: rgba(255,255,255,0.7) color: rgba(0,0,0,0.8) box-shadow: 0 1px 2px rgba(0,0,0,.2) - + border-radius: 7px .quiet, .quiet a color: rgba(0,0,0,0.4) @@ -472,6 +480,7 @@ setBoardClear(color1,color2) a:not(.disabled).is-active.fa, a:not(.disabled).is-active i.fa, a:not(.disabled):hover.fa, a:not(.disabled):hover i.fa color: rgba(0,0,0,0.6) + border-radius: 7px input[type="email"], input[type="password"], input[type="text"] border: 0 @@ -766,6 +775,7 @@ setBoardClear(color1,color2) /* Forms */ button[type=submit].primary, .board-color-modern input[type=submit].primary background-color: #777777 + border-radius: 7px .toggle-switch:checked~.toggle-label background-color: #f7f7f7 @@ -774,7 +784,7 @@ setBoardClear(color1,color2) background-color: #777777 !important button, input:not([type=file]), select, textarea - border-radius: 2px + border-radius: 7px /* Headers */ &#header @@ -914,6 +924,7 @@ setBoardClear(color1,color2) .list-body a.open-minicard-composer:hover, .list-body a.open-minicard-composer:hover i, .list .list-composer .open-list-composer:hover i color: #ffffff + border-radius: 7px /* Mini Card */ .minicard-wrapper @@ -922,11 +933,15 @@ setBoardClear(color1,color2) .minicard background-color: #444444 color: #cccccc - border-radius: 2px + //border-radius: 2px font-size: 0.95em - padding: 10px + //padding: 10px box-shadow: 0 4px 3px -3px rgba(0,0,0,0.8) border-bottom: 1px solid #666666 + // All minicards rounded corners: + border-radius: 7px + padding: 10px 10px 4px 10px + //box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.15) .minicard:hover color: #f7f7f7