/src/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css

https://github.com/vinceliuice/matcha · CSS · 519 lines · 385 code · 111 blank · 23 comment · 0 complexity · f016f0f01c214515594593c18f96be38 MD5 · raw file

  1. #workspacestodockTriggerSpacer {
  2. background-color: none;
  3. }
  4. #workspacestodockContainerWrapper {
  5. background-color: none;
  6. }
  7. #workspacestodockContainer {
  8. background-color: none;
  9. }
  10. #workspacestodockDockWrapper {
  11. }
  12. #workspacestodockDock {
  13. padding: 0;
  14. }
  15. #workspacestodockDock .workspace-thumbnails {
  16. background-color: #333333;
  17. background-color: rgba(0, 0, 0, 0.6);
  18. }
  19. #workspacestodockDock:overview .workspace-thumbnails {
  20. background-color: rgba(255, 255, 255, 0.1);
  21. }
  22. #workspacestodockDock.fullheight:overview .workspace-thumbnails {
  23. background-color: transparent;
  24. }
  25. #workspacestodockDock .workspace-thumbnail-indicator {
  26. border-left-width: 0;
  27. }
  28. #workspacestodockDock.right .workspace-thumbnail-indicator {
  29. border-left-width: 2px;
  30. }
  31. #workspacestodockDock.left .workspace-thumbnail-indicator {
  32. border-right-width: 2px;
  33. }
  34. #workspacestodockDock.top .workspace-thumbnail-indicator {
  35. border-bottom-width: 2px;
  36. }
  37. #workspacestodockDock.bottom .workspace-thumbnail-indicator {
  38. border-top-width: 2px;
  39. }
  40. #workspacestodockDock.right .workspace-thumbnails {
  41. border-radius: 2px 0 0 2px;
  42. }
  43. #workspacestodockDock.left .workspace-thumbnails {
  44. border-radius: 0 2px 2px 0;
  45. }
  46. #workspacestodockDock.top .workspace-thumbnails {
  47. border-radius: 0 0 2px 2px;
  48. }
  49. #workspacestodockDock.bottom .workspace-thumbnails {
  50. border-radius: 2px 2px 0 0;
  51. }
  52. #workspacestodockDock.right.inside .workspace-thumbnails {
  53. border-radius: 0;
  54. }
  55. #workspacestodockDock.left.inside .workspace-thumbnails {
  56. border-radius: 0;
  57. }
  58. #workspacestodockDock.top.inside .workspace-thumbnails {
  59. border-radius: 0;
  60. }
  61. #workspacestodockDock.bottom.inside .workspace-thumbnails {
  62. border-radius: 0;
  63. }
  64. #workspacestodockDock.right.fullheight .workspace-thumbnails {
  65. border-radius: 0;
  66. }
  67. #workspacestodockDock.left.fullheight .workspace-thumbnails {
  68. border-radius: 0;
  69. }
  70. #workspacestodockDock.top.fullheight .workspace-thumbnails {
  71. border-radius: 0;
  72. }
  73. #workspacestodockDock.bottom.fullheight .workspace-thumbnails {
  74. border-radius: 0;
  75. }
  76. #workspacestodockDock .workspacestodock-shortcuts-panel {
  77. border: 0 solid rgba(255, 255, 255, 0.12);
  78. }
  79. #workspacestodockDock.right .workspacestodock-shortcuts-panel {
  80. border-radius: 0;
  81. padding: 0;
  82. spacing: 0;
  83. border-left: 1px;
  84. border-right: none;
  85. }
  86. #workspacestodockDock.left .workspacestodock-shortcuts-panel {
  87. border-radius: 0;
  88. padding: 0;
  89. spacing: 0;
  90. border-left: none;
  91. border-right: 1px;
  92. }
  93. #workspacestodockDock.top .workspacestodock-shortcuts-panel {
  94. border-radius: 0;
  95. padding: 0;
  96. spacing: 0;
  97. border-top: none;
  98. border-bottom: 1px;
  99. }
  100. #workspacestodockDock.bottom .workspacestodock-shortcuts-panel {
  101. border-radius: 0;
  102. padding: 0;
  103. spacing: 0;
  104. border-top: 1px;
  105. border-bottom: none;
  106. }
  107. #workspacestodockDock.right.inside .workspacestodock-shortcuts-panel {
  108. border-radius: 2px 0 0 2px;
  109. padding: 0;
  110. spacing: 0;
  111. border-left: none;
  112. border-right: 1px;
  113. }
  114. #workspacestodockDock.left.inside .workspacestodock-shortcuts-panel {
  115. border-radius: 0 2px 2px 0;
  116. padding: 0;
  117. spacing: 0;
  118. border-left: 1px;
  119. border-right: none;
  120. }
  121. #workspacestodockDock.top.inside .workspacestodock-shortcuts-panel {
  122. border-radius: 0 0 2px 2px;
  123. padding: 0;
  124. spacing: 0;
  125. border-top: 1px;
  126. border-bottom: none;
  127. }
  128. #workspacestodockDock.bottom.inside .workspacestodock-shortcuts-panel {
  129. border-radius: 2px 2px 0 0;
  130. padding: 0;
  131. spacing: 0;
  132. border-top: none;
  133. border-bottom: 1px;
  134. }
  135. #workspacestodockDock.right.fullheight .workspacestodock-shortcuts-panel {
  136. border-radius: 0;
  137. }
  138. #workspacestodockDock.left.fullheight .workspacestodock-shortcuts-panel {
  139. border-radius: 0;
  140. }
  141. #workspacestodockDock.top.fullheight .workspacestodock-shortcuts-panel {
  142. border-radius: 0;
  143. }
  144. #workspacestodockDock.bottom.fullheight .workspacestodock-shortcuts-panel {
  145. border-radius: 0;
  146. }
  147. #workspacestodockDock .workspacestodock-shortcuts-panel > * {
  148. border: 0 !important;
  149. }
  150. .workspacestodock-shortcuts-panel-popupmenu {
  151. padding: 2px;
  152. spacing: 0;
  153. }
  154. .workspacestodock-shortcuts-panel-favorites {
  155. }
  156. .workspacestodock-shortcuts-panel-running {
  157. }
  158. .workspacestodock-shortcuts-panel-places {
  159. }
  160. /* shortcuts panel buttons */
  161. #workspacestodockDock .app-well-app {
  162. }
  163. #workspacestodockDock .workspacestodock-shortcuts-panel > StButton {
  164. background-size: cover;
  165. }
  166. #workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton,
  167. #workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton {
  168. padding: 3px 6px;
  169. }
  170. #workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton:first-child,
  171. #workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton:first-child {
  172. padding: 6px 6px 3px 6px;
  173. }
  174. #workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton:last-child,
  175. #workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton:last-child {
  176. padding: 3px 6px 6px 6px;
  177. }
  178. #workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton,
  179. #workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton {
  180. padding: 6px 3px;
  181. }
  182. #workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton:first-child,
  183. #workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton:first-child {
  184. padding: 6px 3px 6px 6px;
  185. }
  186. #workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton:last-child,
  187. #workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton:last-child {
  188. padding: 6px 6px 6px 3px;
  189. }
  190. .workspacestodock-shortcut-button {
  191. }
  192. .workspacestodock-shortcut-button-symbolic {
  193. }
  194. /* shortcuts panel button icons */
  195. #workspacestodockDock .app-well-app > .overview-icon {
  196. }
  197. .workspacestodock-shortcut-button-icon {
  198. padding: 6px;
  199. }
  200. .workspacestodock-shortcut-button-symbolic-icon {
  201. padding: 8px;
  202. }
  203. /* shortcuts panel items */
  204. #workspacestodockDock .popup-separator-menu-item {
  205. margin: 0;
  206. }
  207. .workspacestodock-shortcut-panel-separator {
  208. -margin-horizontal: 0;
  209. }
  210. .workspacestodock-shortcut-panel-filler {
  211. -margin-horizontal: 0;
  212. height: 0;
  213. padding: 0;
  214. border: none;
  215. }
  216. /* shortcuts panel button window count indicators */
  217. #workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-1 {
  218. background-image: url("../../assets/right-running1.svg");
  219. }
  220. #workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-1 {
  221. background-image: url("../../assets/left-running1.svg");
  222. }
  223. #workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-1 {
  224. background-image: url("../../assets/top-running1.svg");
  225. }
  226. #workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-1 {
  227. background-image: url("../../assets/bottom-running1.svg");
  228. }
  229. #workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-2 {
  230. background-image: url("../../assets/right-running2.svg");
  231. }
  232. #workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-2 {
  233. background-image: url("../../assets/left-running2.svg");
  234. }
  235. #workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-2 {
  236. background-image: url("../../assets/top-running2.svg");
  237. }
  238. #workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-2 {
  239. background-image: url("../../assets/bottom-running2.svg");
  240. }
  241. #workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-3 {
  242. background-image: url("../../assets/right-running3.svg");
  243. }
  244. #workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-3 {
  245. background-image: url("../../assets/left-running3.svg");
  246. }
  247. #workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-3 {
  248. background-image: url("../../assets/top-running3.svg");
  249. }
  250. #workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-3 {
  251. background-image: url("../../assets/bottom-running3.svg");
  252. }
  253. #workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-4 {
  254. background-image: url("../../assets/right-running4.svg");
  255. }
  256. #workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-4 {
  257. background-image: url("../../assets/left-running4.svg");
  258. }
  259. #workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-4 {
  260. background-image: url("../../assets/top-running4.svg");
  261. }
  262. #workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-4 {
  263. background-image: url("../../assets/bottom-running4.svg");
  264. }
  265. .workspacestodock-workspace-caption-container {
  266. padding: 0;
  267. }
  268. .workspacestodock-workspace-caption-background {
  269. background-color: rgba(0, 0, 0, 0.6);
  270. /* border-radius: 0 0 2px 2px; */
  271. }
  272. .workspacestodock-workspace-caption-background.caption-top {
  273. /* border-radius: 2px 2px 0 0; */
  274. }
  275. .workspacestodock-workspace-caption {
  276. }
  277. /* caption window apps (taskbar) */
  278. .workspacestodock-caption-windowapps {
  279. padding: 0;
  280. }
  281. .workspacestodock-caption-windowapps-menu {
  282. -boxpointer-gap: 12px;
  283. }
  284. .workspacestodock-caption-windowapps-menu .popup-menu-item {
  285. min-height: 24px;
  286. padding-top: 4px;
  287. padding-bottom: 4px;
  288. }
  289. .workspacestodock-caption-windowapps-menu .popup-menu-item:active {
  290. background-color: rgba(0, 0, 0, 0.12);
  291. }
  292. .workspacestodock-caption-windowapps-menu .popup-menu-item.selected:active {
  293. background-color: rgba(0, 0, 0, 0.24);
  294. }
  295. .workspacestodock-caption-windowapps-menu-item {
  296. /*fallback class for GS34 since it can't override gnome shell class 'popup-menu-item' */
  297. }
  298. .workspacestodock-caption-windowapps-menu-item:active {
  299. /*fallback class for GS34 since it can't override gnome shell class 'popup-menu-item' */
  300. }
  301. .workspacestodock-caption-windowapps-menu-icon {
  302. }
  303. .workspacestodock-caption-windowapps-menu-label {
  304. padding: 0 8px;
  305. }
  306. .workspacestodock-caption-windowapps-menu .window-close {
  307. /* GS36+ can override gnome shell class 'window-close' */
  308. border-radius: 100px;
  309. -st-background-image-shadow: none;
  310. background-image: url("window-close.svg");
  311. background-size: 24px;
  312. height: 24px;
  313. width: 24px;
  314. }
  315. .workspacestodock-caption-windowapps-menu .window-close:hover {
  316. background-color: rgba(0, 0, 0, 0.12);
  317. }
  318. .workspacestodock-caption-windowapps-menu .window-close:active {
  319. background-color: rgba(0, 0, 0, 0.24);
  320. }
  321. .workspacestodock-caption-windowapps-menu-close {
  322. /*fallback class for GS34 since it can't override gnome shell class 'window-close' */
  323. }
  324. .workspacestodock-caption-windowapps-menu-close:hover {
  325. /*fallback class for GS34 since it can't override gnome shell class 'window-close' */
  326. }
  327. .workspacestodock-caption-windowapps-button {
  328. padding: 0;
  329. }
  330. .workspacestodock-caption-windowapps-button-icon {
  331. padding: 2px;
  332. background-color: rgba(0, 0, 0, 0.01); /* needs to draw box-shadow */
  333. }
  334. .workspacestodock-caption-windowapps-button:active > .workspacestodock-caption-windowapps-button-icon {
  335. box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3);
  336. }
  337. .workspacestodock-caption-windowapps-button-active > .workspacestodock-caption-windowapps-button-icon {
  338. box-shadow: inset 0 -2px #FFFFFF;
  339. }
  340. /* caption workspace number */
  341. .workspacestodock-caption-number {
  342. margin: 1px;
  343. padding: 0 10px;
  344. border-radius: 0;
  345. background-color: rgba(255, 255, 255, 0.3);
  346. color: #FFFFFF;
  347. font-size: 9pt;
  348. font-weight: bold;
  349. text-align: center;
  350. }
  351. /* caption workspace name */
  352. .workspacestodock-caption-name {
  353. margin: 0 4px;
  354. color: rgba(255, 255, 255, 0.6);
  355. font-size: 9pt;
  356. text-align: center;
  357. }
  358. /* caption workspace windowcount */
  359. .workspacestodock-caption-windowcount {
  360. /* min-width: 16px; */
  361. margin: 0px 4px;
  362. padding: 0px 4px;
  363. color: #FFFFFF;
  364. font-size: 9pt;
  365. font-weight: bold;
  366. text-align: center;
  367. }
  368. /* caption workspace windowcount image*/
  369. .workspacestodock-caption-windowcount-image {
  370. width: 20px;
  371. height: 20px;
  372. margin: 1px;
  373. border-radius: 0;
  374. background-color: #555555;
  375. color: #FFFFFF;
  376. font-size: 9pt;
  377. font-weight: bold;
  378. text-align: center;
  379. }
  380. /* The classes below are used in conjunction with the above workspacestodock-caption-windowcount-image
  381. * They provide background images that corespond with the window count */
  382. .workspacestodock-caption-windowcount-image-1 {
  383. }
  384. .workspacestodock-caption-windowcount-image-2 {
  385. }
  386. .workspacestodock-caption-windowcount-image-3 {
  387. }
  388. .workspacestodock-caption-windowcount-image-4 {
  389. }
  390. /* caption spacer-filler */
  391. .workspacestodock-caption-spacer {
  392. width: 4px;
  393. }
  394. /* The classes below are used in conjuction with the above classes
  395. * They provide additional theming for the current workspace caption */
  396. .workspacestodock-workspace-caption-background-current {
  397. }
  398. .workspacestodock-workspace-caption-background-current.caption-top {
  399. }
  400. .workspacestodock-caption-number-current {
  401. /* background-color: #42A5F5; */
  402. }
  403. .workspacestodock-caption-name-current {
  404. }
  405. .workspacestodock-caption-windowcount-current {
  406. }
  407. .workspacestodock-caption-windowcount-image-current {
  408. }