stylesheet.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. /*
  2. * SPDX-FileCopyrightText: GSConnect Developers https://github.com/GSConnect
  3. *
  4. * SPDX-License-Identifier: GPL-2.0-or-later
  5. */
  6. /* Device Menu
  7. PopupMenu.PopupMenuSection.gsconnect-device-section
  8. PopupMenu.PopupMenuSection.gsconnect-device-menu
  9. PopupMenu.PopupSeparatorMenuItem
  10. StLabel.gsconnect-device-name
  11. StBoxLayout.gsconnect-device-battery
  12. PopupMenu.PopupMenuSection
  13. StBoxLayout.gsconnect-list-box
  14. StBoxLayout (Submenu Container)
  15. */
  16. .gsconnect-device-section {
  17. }
  18. /* Title Bar */
  19. .gsconnect-device-name {
  20. font-weight: bold;
  21. }
  22. .gsconnect-device-menu .popup-separator-menu-item {
  23. margin-left: 0;
  24. margin-right: 0;
  25. }
  26. /* Battery Widget */
  27. .gsconnect-device-battery {
  28. spacing: 3px;
  29. }
  30. .gsconnect-device-battery StLabel {
  31. font-size: 0.75em;
  32. }
  33. .gsconnect-device-battery StIcon {
  34. icon-size: 16px;
  35. }
  36. /* Signal Strength Widget */
  37. .gsconnect-device-signal-strength {
  38. spacing: 3px;
  39. }
  40. .gsconnect-device-signal-strength StLabel {
  41. font-size: 0.75em;
  42. }
  43. .gsconnect-device-signal-strength StIcon {
  44. icon-size: 16px;
  45. }
  46. /* List Box */
  47. .gsconnect-list-box {
  48. }
  49. /* Device Panel Indicator
  50. PanelMenu.Button.gsconnect-device-indicator
  51. PopupMenu.PopupMenu
  52. PopupMenu.PopupMenuSection.gsconnect-device-menu
  53. PopupMenu.PopupSeparatorMenuItem
  54. StLabel.gsconnect-device-name
  55. StBoxLayout.gsconnect-device-battery
  56. PopupMenu.PopupMenuSection
  57. StBoxLayout.gsconnect-icon-box
  58. StBoxLayout (Submenu Container)
  59. */
  60. .gsconnect-device-indicator {
  61. -st-icon-style: symbolic;
  62. }
  63. /* Icon Box */
  64. .gsconnect-icon-box {
  65. margin: 0em 2em 0.5em;
  66. spacing: 6px;
  67. }
  68. .gsconnect-icon-button {
  69. border-radius: 1em;
  70. padding: 0.5em;
  71. }
  72. .gsconnect-icon-button:hover, .gsconnect-icon-button:focus {
  73. background-color: rgba(255, 255, 255, 0.125);
  74. }
  75. .gsconnect-icon-button StIcon {
  76. icon-size: 1em;
  77. }
  78. /* Tooltip
  79. StBin.gsconnect-tooltip (inherits from .osd-window)
  80. StBoxLayout || [ Custom ClutterActor ]
  81. StIcon
  82. StLabel
  83. */
  84. .gsconnect-tooltip {
  85. border-radius: 3px;
  86. min-width: 0;
  87. min-height: 0;
  88. padding: 6px;
  89. }
  90. .gsconnect-tooltip > StBoxLayout {
  91. spacing: 6px;
  92. }
  93. .gsconnect-tooltip StIcon {
  94. icon-size: 16px;
  95. }
  96. .gsconnect-tooltip StLabel {
  97. font-weight: normal;
  98. text-align: left;
  99. }
  100. .gsconnect-tooltip StLabel:rtl {
  101. text-align: right;
  102. }