Update selected tab style

This commit is contained in:
EliverLara
2020-03-14 13:48:29 -06:00
parent 97d54adf3d
commit e6af80ca9b
5 changed files with 53 additions and 46 deletions

View File

@@ -3052,9 +3052,9 @@ assistant {
*************/
notebook > header {
padding: 1px;
border-color: rgba(0, 0, 0, 0.13);
border-color: transparent;
border-width: 1px;
background-color: #ebf0f5; }
background-color: #d9dbdc; }
notebook > header:backdrop {
border-color: rgba(142, 142, 142, 0.217);
background-color: #e6e6e6; }
@@ -3067,9 +3067,9 @@ notebook > header {
notebook > header.top > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.top > tabs > tab:checked {
background-color: #ebf0f5; }
notebook > header.top > tabs > tab:checked:hover {
background-color: #ebf0f5; }
background: linear-gradient(to right, #00f17d, #00f7d2) left bottom #e4e5e6 no-repeat;
background-size: 100% 2px;
border: 0; }
notebook > header.bottom {
border-top-style: solid; }
notebook > header.bottom > tabs {
@@ -3077,8 +3077,9 @@ notebook > header {
notebook > header.bottom > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.bottom > tabs > tab:checked {
background-color: #ebf0f5;
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.13), 0px 1px 0 rgba(0, 0, 0, 0.13), 1px 0 0 rgba(0, 0, 0, 0.13); }
background: linear-gradient(to right, #00f17d, #00f7d2) left bottom #e4e5e6 no-repeat;
background-size: 100% 2px;
border: 0; }
notebook > header.left {
border-right-style: solid; }
notebook > header.left > tabs {
@@ -3086,8 +3087,9 @@ notebook > header {
notebook > header.left > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.left > tabs > tab:checked {
background-color: #ebf0f5;
box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.13), 0px -1px 0 rgba(0, 0, 0, 0.13), 0px 1px 0 rgba(0, 0, 0, 0.13); }
background: linear-gradient(to bottom, #00f17d, #00f7d2) left bottom #e4e5e6 no-repeat;
background-size: 2px 100%;
border: 0; }
notebook > header.right {
border-left-style: solid; }
notebook > header.right > tabs {
@@ -3095,8 +3097,9 @@ notebook > header {
notebook > header.right > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.right > tabs > tab:checked {
background-color: #ebf0f5;
box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.13), 0px -1px 0 rgba(0, 0, 0, 0.13), 1px 0 0 rgba(0, 0, 0, 0.13); }
background: linear-gradient(to bottom, #00f17d, #00f7d2) left bottom #e4e5e6 no-repeat;
background-size: 2px 100%;
border: 0; }
notebook > header.top > tabs > arrow {
border-top-style: none; }
notebook > header.bottom > tabs > arrow {
@@ -3160,8 +3163,7 @@ notebook > header {
border-color: transparent;
background-color: transparent; }
notebook > header tab:checked {
color: #31363d;
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.13), 0px -1px 0 rgba(0, 0, 0, 0.13), 1px 0 0 rgba(0, 0, 0, 0.13); }
color: #31363d; }
notebook > header tab:checked.reorderable-page {
border-color: rgba(0, 0, 0, 0);
background-color: rgba(230, 230, 230, 0.5); }