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
56/* Flashing for highlighting animation */56/* Flashing for highlighting animation */
57@keyframes flash {57@keyframes flash {
58 0%, 50%, 100% {58 0%,
59 50%,
60 100% {
59 opacity: 1;61 opacity: 1;
60 }62 }
6163
62 25%, 75% {64 25%,
65 75% {
63 opacity: 0.2;66 opacity: 0.2;
64 }67 }
65}68}
public/css/character-group-overlay.css+4 -2
@@ -1,4 +1,3 @@
1
2#rm_print_characters_block.group_overlay_mode_select .character_select {1#rm_print_characters_block.group_overlay_mode_select .character_select {
3 transition: background-color 0.4s ease;2 transition: background-color 0.4s ease;
4 background-color: rgba(170, 170, 170, 0.15);3 background-color: rgba(170, 170, 170, 0.15);
@@ -28,7 +27,10 @@
28 height: 0 !important;27 height: 0 !important;
29}28}
3029
31#character_context_menu.hidden { display: none; }30#character_context_menu.hidden {
31 display: none;
32}
33
32#character_context_menu {34#character_context_menu {
33 position: absolute;35 position: absolute;
34 padding: 3px;36 padding: 3px;
public/css/group-avatars.css+0 -0
public/css/logprobs.css+8 -4
@@ -115,7 +115,8 @@
115 background-color: rgba(255, 255, 0, 0.05);115 background-color: rgba(255, 255, 0, 0.05);
116}116}
117117
118.logprobs_tint_0:hover, .logprobs_tint_0.selected {118.logprobs_tint_0:hover,
119.logprobs_tint_0.selected {
119 background-color: rgba(255, 255, 0, 0.4);120 background-color: rgba(255, 255, 0, 0.4);
120}121}
121122
@@ -123,7 +124,8 @@
123 background-color: rgba(255, 0, 255, 0.05);124 background-color: rgba(255, 0, 255, 0.05);
124}125}
125126
126.logprobs_tint_1:hover, .logprobs_tint_1.selected {127.logprobs_tint_1:hover,
128.logprobs_tint_1.selected {
127 background-color: rgba(255, 0, 255, 0.4);129 background-color: rgba(255, 0, 255, 0.4);
128}130}
129131
@@ -131,7 +133,8 @@
131 background-color: rgba(0, 255, 255, 0.05);133 background-color: rgba(0, 255, 255, 0.05);
132}134}
133135
134.logprobs_tint_2:hover, .logprobs_tint_2.selected {136.logprobs_tint_2:hover,
137.logprobs_tint_2.selected {
135 background-color: rgba(0, 255, 255, 0.4);138 background-color: rgba(0, 255, 255, 0.4);
136}139}
137140
@@ -139,6 +142,7 @@
139 background-color: rgba(50, 205, 50, 0.05);142 background-color: rgba(50, 205, 50, 0.05);
140}143}
141144
142.logprobs_tint_3:hover, .logprobs_tint_3.selected {145.logprobs_tint_3:hover,
146.logprobs_tint_3.selected {
143 background-color: rgba(50, 205, 50, 0.4);147 background-color: rgba(50, 205, 50, 0.4);
144}148}
public/css/popup.css+11 -4
@@ -34,9 +34,17 @@ dialog {
34}34}
3535
36/** Popup styles applied to the main popup */36/** Popup styles applied to the main popup */
37.popup--animation-fast { --popup-animation-speed: var(--animation-duration); }37.popup--animation-fast {
38.popup--animation-slow { --popup-animation-speed: var(--animation-duration-slow); }38 --popup-animation-speed: var(--animation-duration);
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
41/* Styling of main popup elements */49/* Styling of main popup elements */
42.popup .popup-body {50.popup .popup-body {
@@ -190,4 +198,3 @@ body.no-blur .popup[open]::backdrop {
190 /* Fix weird animation issue with font-scaling during popup open */198 /* Fix weird animation issue with font-scaling during popup open */
191 backface-visibility: hidden;199 backface-visibility: hidden;
192}200}
193
public/css/scrollable-button.css+6 -3
@@ -1,7 +1,10 @@
1.scrollable-buttons-container {1.scrollable-buttons-container {
2 max-height: 50vh; /* Use viewport height instead of fixed pixels */2 /* 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;
5 flex-shrink: 1;8 flex-shrink: 1;
6 min-height: 0;9 min-height: 0;
7 scrollbar-width: thin;10 scrollbar-width: thin;
public/css/toggle-dependent.css+2 -0
@@ -231,6 +231,7 @@ body.big-avatars .avatars_inline_small .avatar img {
231body.big-avatars .avatars_inline {231body.big-avatars .avatars_inline {
232 max-height: calc(var(--avatar-base-height) * var(--big-avatar-height-factor) + 2 * var(--avatar-base-border-radius));232 max-height: calc(var(--avatar-base-height) * var(--big-avatar-height-factor) + 2 * var(--avatar-base-border-radius));
233}233}
234
234body.big-avatars .avatars_inline.avatars_multiline {235body.big-avatars .avatars_inline.avatars_multiline {
235 max-height: fit-content;236 max-height: fit-content;
236}237}
@@ -238,6 +239,7 @@ body.big-avatars .avatars_inline.avatars_multiline {
238body.big-avatars .avatars_inline.avatars_inline_small {239body.big-avatars .avatars_inline.avatars_inline_small {
239 height: calc(var(--avatar-base-height) * var(--big-avatar-height-factor) * var(--inline-avatar-small-factor) + 2 * var(--avatar-base-border-radius));240 height: calc(var(--avatar-base-height) * var(--big-avatar-height-factor) * var(--inline-avatar-small-factor) + 2 * var(--avatar-base-border-radius));
240}241}
242
241body.big-avatars .avatars_inline.avatars_inline_small.avatars_multiline {243body.big-avatars .avatars_inline.avatars_inline_small.avatars_multiline {
242 height: inherit;244 height: inherit;
243}245}