common.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. /* hide remove all button */
  2. .remove-all.svelte-aqlk7e.svelte-aqlk7e.svelte-aqlk7e {
  3. visibility: hidden;
  4. }
  5. /* hide selector border */
  6. #input-plugin-group .wrap.svelte-aqlk7e.svelte-aqlk7e.svelte-aqlk7e {
  7. border: 0px;
  8. box-shadow: none;
  9. }
  10. #input-plugin-group .secondary-wrap.svelte-aqlk7e.svelte-aqlk7e.svelte-aqlk7e {
  11. border: none;
  12. min-width: 0;
  13. }
  14. /* hide selector label */
  15. #input-plugin-group .svelte-1gfkn6j {
  16. visibility: hidden;
  17. }
  18. /* height of the upload box */
  19. .wrap.svelte-xwlu1w {
  20. min-height: var(--size-32);
  21. }
  22. /* status bar height */
  23. .min.svelte-1yrv54 {
  24. min-height: var(--size-12);
  25. }
  26. /* copy btn */
  27. .message-btn-row {
  28. width: 19px;
  29. height: 19px;
  30. position: absolute;
  31. left: calc(100% + 3px);
  32. top: 0;
  33. display: flex;
  34. justify-content: space-between;
  35. }
  36. /* .message-btn-row-leading, .message-btn-row-trailing {
  37. display: inline-flex;
  38. gap: 4px;
  39. } */
  40. .message-btn-row button {
  41. font-size: 18px;
  42. align-self: center;
  43. align-items: center;
  44. flex-wrap: nowrap;
  45. white-space: nowrap;
  46. display: inline-flex;
  47. flex-direction: row;
  48. gap: 4px;
  49. padding-block: 2px !important;
  50. }
  51. /* Scrollbar Width */
  52. ::-webkit-scrollbar {
  53. width: 12px;
  54. }
  55. /* Scrollbar Track */
  56. ::-webkit-scrollbar-track {
  57. background: #f1f1f1;
  58. border-radius: 12px;
  59. }
  60. /* Scrollbar Handle */
  61. ::-webkit-scrollbar-thumb {
  62. background: #888;
  63. border-radius: 12px;
  64. }
  65. /* Scrollbar Handle on hover */
  66. ::-webkit-scrollbar-thumb:hover {
  67. background: #555;
  68. }
  69. /* input btns: clear, reset, stop */
  70. #input-panel button {
  71. min-width: min(80px, 100%);
  72. }
  73. /* input btns: clear, reset, stop */
  74. #input-panel2 button {
  75. min-width: min(80px, 100%);
  76. }
  77. #cbs {
  78. background-color: var(--block-background-fill) !important;
  79. }
  80. #cbsc {
  81. background-color: var(--block-background-fill) !important;
  82. }
  83. #interact-panel .form {
  84. border: hidden
  85. }
  86. .drag-area {
  87. border: solid;
  88. border-width: thin;
  89. user-select: none;
  90. padding-left: 2%;
  91. }
  92. .floating-component #input-panel2 {
  93. border-top-left-radius: 0px;
  94. border-top-right-radius: 0px;
  95. border: solid;
  96. border-width: thin;
  97. border-top-width: 0;
  98. }