Guest User

traditional sub-therme diff

a guest
Oct 18th, 2024
184
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Diff 4.12 KB | Source Code | 0 0
  1. --- <unnamed>
  2. +++ <unnamed>
  3. @@ -19,7 +19,6 @@
  4.  /* header bar */
  5.  html[data-layout='grid'] .app .app-header {
  6.     background: var(--brand-color); /* 1 */
  7. -   color: var(--on-brand-color); /* 2 */
  8.  }
  9.  
  10.  /* header bar logo */
  11. @@ -59,6 +58,8 @@
  12.     background: transparent; /* 1 */
  13.  }
  14.  
  15. +/* domain dropbown label text */
  16. +html[data-layout='grid'] .app .app-header .domainsDropdown .domainsDropdownLabel,
  17.  /* domain dropbown button text */
  18.  html[data-layout='grid'] .app .app-header .domainsDropdown .Select>.Select__Button>.Select__Button__Label,
  19.  /* caret icon in dropdown button */
  20. @@ -78,22 +79,12 @@
  21.  }
  22.  
  23.  /* search input */
  24. -html[data-layout='grid'] .app .app-header .search input[type="text"] {
  25. +html[data-layout='grid'] .app .app-header .search button[aria-controls] {
  26.     background: transparent; /* 1 */
  27.     color: var(--on-brand-color); /* 2 */
  28. -   border-color: var(--border-color); /* 7 */
  29. -}
  30. -
  31. -/* placeholder for search input */
  32. -html[data-layout='grid'] .app .app-header .search input[type="text"]::placeholder {
  33. -   color: var(--on-brand-color); /* 2 */
  34. -   opacity: 0.8; /* slightly dim it out to be less prominent */
  35. -}
  36. -
  37. -/* search input icons left (magnifier glass) and right (gear) */
  38. -html[data-layout='grid'] .app .app-header .search .search-icon>.icon>svg,
  39. -html[data-layout='grid'] .app .app-header .search .options-icon>.icon>svg {
  40. -   color: var(--on-brand-color); /* 2 */
  41. +   border: 1px solid var(--border-color); /* 7 */
  42. +   box-shadow: none;
  43. +   outline: none;
  44.  }
  45.  
  46.  /* access level switch */
  47. @@ -101,6 +92,7 @@
  48.     background: transparent; /* 1 */
  49.     color: var(--on-brand-color); /* 2 */
  50.     border-color: var(--border-color); /* 7 */
  51. +   box-shadow: none;
  52.  }
  53.  
  54.  /* Access level switch label */
  55. @@ -154,70 +146,3 @@
  56.  html[data-layout='grid'] .app .icons-grid .icons-grid-category .icons-grid-category-entries .icons-grid-category-entry {
  57.     border-width: 0; /* 4 */
  58.  }
  59. -
  60. -/**
  61. - * Update Dashboard (right sidebar)
  62. - *
  63. - * 1. Add a spacing around widgets and inside current widget
  64. - * 2. Apply "brand" color background to current widget header
  65. - * 3. Decrease caret icon size
  66. - */
  67. -
  68. -html[data-layout='grid'] .app .dashboard-mobile {
  69. -  --brand-color: rgb(var(--ui-classic-500) / 1);
  70. -  --on-brand-color: #fff;
  71. -  --space: 1rem;
  72. -  --border-color: #e5e5e5;
  73. -  --border-radius: 4px;
  74. -  --caret-size: 16px;
  75. -}
  76. -
  77. -/* widgets accordion wrapper */
  78. -html[data-layout='grid'] .app .dashboard-mobile > div {
  79. -   padding: 1rem; /* 1 */
  80. -}
  81. -
  82. -/* widget heading */
  83. -html[data-layout='grid'] .app .dashboard-mobile > div section.dashboardTab.dashboardTab {
  84. -   padding: 0 !important; /* remove padding so branding background would be full-width */
  85. -}
  86. -
  87. -/* widget heading text */
  88. -html[data-layout='grid'] .app .dashboard-mobile > div section.dashboardTab.dashboardTab .dashboardTabHeader {
  89. -   padding: var(--space); /* 1 */
  90. -   font-size: 1.3rem;
  91. -   font-weight: 600;
  92. -   letter-spacing: 0.5px;
  93. -}
  94. -
  95. -/* widget heading caret icon */
  96. -html[data-layout='grid'] .app .dashboard-mobile>div section.dashboardTab.dashboardTab .dashboardTabHeader .icon svg {
  97. -   width: var(--caret-size); /* 3 */
  98. -}
  99. -
  100. -/* currently expanded widget heading */
  101. -html[data-layout='grid'] .app .dashboard-mobile>div section.dashboardTab.dashboardTab.-is-active {
  102. -   border: 1px solid var(--border-color); /* 4 */
  103. -   border-radius: var(--border-radius);
  104. -}
  105. -
  106. -/* currently expanded widget heading text */
  107. -html[data-layout='grid'] .app .dashboard-mobile>div section.dashboardTab.dashboardTab.-is-active .dashboardTabHeader {
  108. -   background: var(--brand-color); /* 2 */
  109. -   color: var(--on-brand-color); /* 2 */
  110. -}
  111. -
  112. -/* Description of currently selected widget */
  113. -html[data-layout='grid'] .app .dashboard-mobile>div section.dashboardTab.dashboardTab p:nth-child(2) {
  114. -   padding: 0 var(--space); /* 1 */
  115. -}
  116. -
  117. -/* "View More" link */
  118. -html[data-layout='grid'] .app .dashboard-mobile>div section.dashboardTab.dashboardTab .dashboardTab-more {
  119. -   margin-left: var(--space); /* 1 */
  120. -}
  121. -
  122. -/* Expanded widget content */
  123. -html[data-layout='grid'] .app .dashboard-mobile>div section.dashboardTab.dashboardTab .widget-content {
  124. -   padding: var(--space); /* 1 */
  125. -}
Advertisement
Add Comment
Please, Sign In to add comment