Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- --- <unnamed>
- +++ <unnamed>
- @@ -19,7 +19,6 @@
- /* header bar */
- html[data-layout='grid'] .app .app-header {
- background: var(--brand-color); /* 1 */
- - color: var(--on-brand-color); /* 2 */
- }
- /* header bar logo */
- @@ -59,6 +58,8 @@
- background: transparent; /* 1 */
- }
- +/* domain dropbown label text */
- +html[data-layout='grid'] .app .app-header .domainsDropdown .domainsDropdownLabel,
- /* domain dropbown button text */
- html[data-layout='grid'] .app .app-header .domainsDropdown .Select>.Select__Button>.Select__Button__Label,
- /* caret icon in dropdown button */
- @@ -78,22 +79,12 @@
- }
- /* search input */
- -html[data-layout='grid'] .app .app-header .search input[type="text"] {
- +html[data-layout='grid'] .app .app-header .search button[aria-controls] {
- background: transparent; /* 1 */
- color: var(--on-brand-color); /* 2 */
- - border-color: var(--border-color); /* 7 */
- -}
- -
- -/* placeholder for search input */
- -html[data-layout='grid'] .app .app-header .search input[type="text"]::placeholder {
- - color: var(--on-brand-color); /* 2 */
- - opacity: 0.8; /* slightly dim it out to be less prominent */
- -}
- -
- -/* search input icons left (magnifier glass) and right (gear) */
- -html[data-layout='grid'] .app .app-header .search .search-icon>.icon>svg,
- -html[data-layout='grid'] .app .app-header .search .options-icon>.icon>svg {
- - color: var(--on-brand-color); /* 2 */
- + border: 1px solid var(--border-color); /* 7 */
- + box-shadow: none;
- + outline: none;
- }
- /* access level switch */
- @@ -101,6 +92,7 @@
- background: transparent; /* 1 */
- color: var(--on-brand-color); /* 2 */
- border-color: var(--border-color); /* 7 */
- + box-shadow: none;
- }
- /* Access level switch label */
- @@ -154,70 +146,3 @@
- html[data-layout='grid'] .app .icons-grid .icons-grid-category .icons-grid-category-entries .icons-grid-category-entry {
- border-width: 0; /* 4 */
- }
- -
- -/**
- - * Update Dashboard (right sidebar)
- - *
- - * 1. Add a spacing around widgets and inside current widget
- - * 2. Apply "brand" color background to current widget header
- - * 3. Decrease caret icon size
- - */
- -
- -html[data-layout='grid'] .app .dashboard-mobile {
- - --brand-color: rgb(var(--ui-classic-500) / 1);
- - --on-brand-color: #fff;
- - --space: 1rem;
- - --border-color: #e5e5e5;
- - --border-radius: 4px;
- - --caret-size: 16px;
- -}
- -
- -/* widgets accordion wrapper */
- -html[data-layout='grid'] .app .dashboard-mobile > div {
- - padding: 1rem; /* 1 */
- -}
- -
- -/* widget heading */
- -html[data-layout='grid'] .app .dashboard-mobile > div section.dashboardTab.dashboardTab {
- - padding: 0 !important; /* remove padding so branding background would be full-width */
- -}
- -
- -/* widget heading text */
- -html[data-layout='grid'] .app .dashboard-mobile > div section.dashboardTab.dashboardTab .dashboardTabHeader {
- - padding: var(--space); /* 1 */
- - font-size: 1.3rem;
- - font-weight: 600;
- - letter-spacing: 0.5px;
- -}
- -
- -/* widget heading caret icon */
- -html[data-layout='grid'] .app .dashboard-mobile>div section.dashboardTab.dashboardTab .dashboardTabHeader .icon svg {
- - width: var(--caret-size); /* 3 */
- -}
- -
- -/* currently expanded widget heading */
- -html[data-layout='grid'] .app .dashboard-mobile>div section.dashboardTab.dashboardTab.-is-active {
- - border: 1px solid var(--border-color); /* 4 */
- - border-radius: var(--border-radius);
- -}
- -
- -/* currently expanded widget heading text */
- -html[data-layout='grid'] .app .dashboard-mobile>div section.dashboardTab.dashboardTab.-is-active .dashboardTabHeader {
- - background: var(--brand-color); /* 2 */
- - color: var(--on-brand-color); /* 2 */
- -}
- -
- -/* Description of currently selected widget */
- -html[data-layout='grid'] .app .dashboard-mobile>div section.dashboardTab.dashboardTab p:nth-child(2) {
- - padding: 0 var(--space); /* 1 */
- -}
- -
- -/* "View More" link */
- -html[data-layout='grid'] .app .dashboard-mobile>div section.dashboardTab.dashboardTab .dashboardTab-more {
- - margin-left: var(--space); /* 1 */
- -}
- -
- -/* Expanded widget content */
- -html[data-layout='grid'] .app .dashboard-mobile>div section.dashboardTab.dashboardTab .widget-content {
- - padding: var(--space); /* 1 */
- -}
Advertisement
Add Comment
Please, Sign In to add comment