Reformat CSS styles

b4d6b8e405b4a6e51f5b826942a0aabef7b8bf7b

Cohee <18619528+Cohee1207@users.noreply.github.com>

Parents: e8b54cc8f0c755558cd33953c069202844019462
7 files changed, +36 -15Showing whitespace changes
public/css/animations.css+5 -2
@@ -55,11 +55,14 @@
5555
5656/* Flashing for highlighting animation */
5757@keyframes flash {
58- 0%, 50%, 100% {
58+ 0%,
59+ 50%,
60+ 100% {
5961 opacity: 1;
6062 }
6163
6264 25%, 75% {
65+ 75% {
6366 opacity: 0.2;
6467 }
6568}
public/css/character-group-overlay.css+4 -2
@@ -1,4 +1,3 @@
1-
21#rm_print_characters_block.group_overlay_mode_select .character_select {
32 transition: background-color 0.4s ease;
43 background-color: rgba(170, 170, 170, 0.15);
@@ -28,7 +27,10 @@
2827 height: 0 !important;
2928}
3029
3130#character_context_menu.hidden { display: none; }
31+ display: none;
32+}
33+
3234#character_context_menu {
3335 position: absolute;
3436 padding: 3px;
public/css/group-avatars.css+0 -0
public/css/logprobs.css+8 -4
@@ -115,7 +115,8 @@
115115 background-color: rgba(255, 255, 0, 0.05);
116116}
117117
118118.logprobs_tint_0:hover, .logprobs_tint_0.selected {
119+.logprobs_tint_0.selected {
119120 background-color: rgba(255, 255, 0, 0.4);
120121}
121122
@@ -123,7 +124,8 @@
123124 background-color: rgba(255, 0, 255, 0.05);
124125}
125126
126127.logprobs_tint_1:hover, .logprobs_tint_1.selected {
128+.logprobs_tint_1.selected {
127129 background-color: rgba(255, 0, 255, 0.4);
128130}
129131
@@ -131,7 +133,8 @@
131133 background-color: rgba(0, 255, 255, 0.05);
132134}
133135
134136.logprobs_tint_2:hover, .logprobs_tint_2.selected {
137+.logprobs_tint_2.selected {
135138 background-color: rgba(0, 255, 255, 0.4);
136139}
137140
@@ -139,6 +142,7 @@
139142 background-color: rgba(50, 205, 50, 0.05);
140143}
141144
142145.logprobs_tint_3:hover, .logprobs_tint_3.selected {
146+.logprobs_tint_3.selected {
143147 background-color: rgba(50, 205, 50, 0.4);
144148}
public/css/popup.css+11 -4
@@ -34,9 +34,17 @@ dialog {
3434}
3535
3636/** Popup styles applied to the main popup */
37-.popup--animation-fast { --popup-animation-speed: var(--animation-duration); }
37+.popup--animation-fast {
3838.popup--animation-slow { --popup-animation-speed: var(--animation-duration-slow); }
39-.popup--animation-none { --popup-animation-speed: 0ms; }
39+}
40+
41+.popup--animation-slow {
42+ --popup-animation-speed: var(--animation-duration-slow);
43+}
44+
45+.popup--animation-none {
46+ --popup-animation-speed: 0ms;
47+}
4048
4149/* Styling of main popup elements */
4250.popup .popup-body {
@@ -190,4 +198,3 @@ body.no-blur .popup[open]::backdrop {
190198 /* Fix weird animation issue with font-scaling during popup open */
191199 backface-visibility: hidden;
192200}
193-
public/css/scrollable-button.css+6 -3
@@ -1,7 +1,10 @@
11.scrollable-buttons-container {
22 max-height: 50vh; /* Use viewport height instead of fixed pixels */
3- -webkit-overflow-scrolling: touch; /* Momentum scrolling on iOS */
3+ max-height: 50vh;
4- margin-top: 1rem; /* m-t-1 is equivalent to margin-top: 1rem; */
4+ /* Momentum scrolling on iOS */
5+ -webkit-overflow-scrolling: touch;
6+ /* m-t-1 is equivalent to margin-top: 1rem; */
7+ margin-top: 1rem;
58 flex-shrink: 1;
69 min-height: 0;
710 scrollbar-width: thin;
public/css/toggle-dependent.css+2 -0
@@ -231,6 +231,7 @@ body.big-avatars .avatars_inline_small .avatar img {
231231body.big-avatars .avatars_inline {
232232 max-height: calc(var(--avatar-base-height) * var(--big-avatar-height-factor) + 2 * var(--avatar-base-border-radius));
233233}
234+
234235body.big-avatars .avatars_inline.avatars_multiline {
235236 max-height: fit-content;
236237}
@@ -238,6 +239,7 @@ body.big-avatars .avatars_inline.avatars_multiline {
238239body.big-avatars .avatars_inline.avatars_inline_small {
239240 height: calc(var(--avatar-base-height) * var(--big-avatar-height-factor) * var(--inline-avatar-small-factor) + 2 * var(--avatar-base-border-radius));
240241}
242+
241243body.big-avatars .avatars_inline.avatars_inline_small.avatars_multiline {
242244 height: inherit;
243245}