chore: clean up before the next stage

mj-v1.12
domi41 4 years ago
parent 7d04b62c47
commit a41cc98764

@ -35,10 +35,7 @@ The candidates are sorted by decreasing poll success.
{{/* Move these away once they're stable */}} {{/* Move these away once they're stable */}}
<style> <style>
ul.candidates.list li {
display: flex;
align-items: center; /* align vertically */
}
</style> </style>
{{ $pollResult := .Poll.GetResult }} {{ $pollResult := .Poll.GetResult }}

@ -6,7 +6,7 @@
// |_| \___/|_|_|___/ // |_| \___/|_|_|___/
// //
// Poll Badges require tweaking on mobile to stack vertically ; improve at will
@mobile: ~"only screen and (max-width: 600px)"; @mobile: ~"only screen and (max-width: 600px)";
@ -16,6 +16,8 @@ Emote Support
What would be a good approach here? What would be a good approach here?
Perhaps we should provide a font as well, for emotes. Perhaps we should provide a font as well, for emotes.
Privilege ubiquitous emotes nonetheless, for accessibility. Privilege ubiquitous emotes nonetheless, for accessibility.
Research notes:
- SVGinOT (is that what firefox uses already?)
*/ */
.emote { .emote {
font-family: "Source Code Pro", Consolas, monaco, monospace !important; font-family: "Source Code Pro", Consolas, monaco, monospace !important;
@ -58,7 +60,7 @@ Privilege ubiquitous emotes nonetheless, for accessibility.
/* Otherwise the h1 blocks a portion of the label's hover area */ /* Otherwise the h1 blocks a portion of the label's hover area */
position: relative; position: relative;
z-index: 1; z-index: 1;
/***************************************************************/
@media @mobile { @media @mobile {
display: block; display: block;
} }
@ -74,13 +76,13 @@ Privilege ubiquitous emotes nonetheless, for accessibility.
.judgment-forms { .judgment-forms {
display: none; display: none;
vertical-align: middle;
position: relative; position: relative;
top: 0; top: 0;
left: -90px; /* keep as fallback */ left: -90px; /* keep as fallback */
opacity: 0.0; /* keep as fallback */ opacity: 0.0; /* keep as fallback */
animation: fade_in_judgment_forms 0.4s ease-out; animation: fade_in_judgment_forms 0.4s ease-out;
/*transition: left 0.4s ease-out 0s, opacity 0.3s ease-out 0s;*/ /*transition: left 0.4s ease-out 0s, opacity 0.3s ease-out 0s;*/
vertical-align: middle;
} }
@ -106,25 +108,24 @@ Privilege ubiquitous emotes nonetheless, for accessibility.
} }
.judgment-form { .judgment-form {
display: inline-block;
position: relative; position: relative;
margin: 0; margin: 0;
padding: 0; padding: 0;
display: inline-block;
} }
.judgment-form input.emote { .judgment-form input.emote {
position: relative; position: relative;
font-size: 1.618em;
width: 1.818rem; width: 1.818rem;
height: 1.918rem; height: 1.918rem;
padding: 0; padding: 0;
margin: 0; margin: 0;
border: 0; border: 0;
font-size: 1.618em;
background: none; background: none;
transition: 0.3s filter, 0.2s transform; transition: 0.3s filter, 0.2s transform;
cursor: pointer; cursor: pointer;
z-index: 2; z-index: 2;
} }
.judgment-form:not(.selected) input.emote { .judgment-form:not(.selected) input.emote {
@ -133,14 +134,14 @@ Privilege ubiquitous emotes nonetheless, for accessibility.
.judgment-form.selected:focus-within::after, .judgment-form.selected:focus-within::after,
.judgment-form.selected:hover::after { .judgment-form.selected:hover::after {
color: darkred;
position: absolute;
content: "×"; content: "×";
pointer-events: none;
position: absolute;
top: 0.05em; top: 0.05em;
left: 0.05em; left: 0.05em;
font-size: 3em; color: darkred;
opacity: 0.8; opacity: 0.8;
pointer-events: none; font-size: 3em;
z-index: 3; z-index: 3;
} }
@ -151,9 +152,30 @@ Privilege ubiquitous emotes nonetheless, for accessibility.
transform: scale(1.1); transform: scale(1.1);
} }
// __ __ _ _ ____ __ _ _
// | \/ | ___ _ __(_) |_| _ \ _ __ ___ / _(_) | ___
// | |\/| |/ _ \ '__| | __| |_) | '__/ _ \| |_| | |/ _ \
// | | | | __/ | | | |_| __/| | | (_) | _| | | __/
// |_| |_|\___|_| |_|\__|_| |_| \___/|_| |_|_|\___|
//
.background-merit-profile { .background-merit-profile {
position: absolute; position: absolute;
top: -0.29em; top: -0.29em;
left: -0.3em; left: -0.3em;
z-index: 1; z-index: 1;
} }
// ____ _ _ _ _
// / ___|__ _ _ __ __| (_) __| | __ _| |_ ___ ___
// | | / _` | '_ \ / _` | |/ _` |/ _` | __/ _ \/ __|
// | |__| (_| | | | | (_| | | (_| | (_| | || __/\__ \
// \____\__,_|_| |_|\__,_|_|\__,_|\__,_|\__\___||___/
//
ul.candidates.list li {
display: flex;
align-items: center; /* align vertically */
}

Loading…
Cancel
Save