aboutsummaryrefslogtreecommitdiff
path: root/mass-graduation.css
diff options
context:
space:
mode:
authorFlorian Fischer <florian.fischer@muhq.space>2026-08-05 11:58:50 +0200
committerFlorian Fischer <florian.fischer@muhq.space>2026-08-05 11:59:56 +0200
commitd35e03f0b07d1af3fecd51cd4ca42a76c300db23 (patch)
tree92562e06ade3a2ac30e5ce39b8442d980b2fad08 /mass-graduation.css
parent6c2bffd297bdfaf4e95a8f0620cf0349d3d3bb78 (diff)
downloadbycs-sol-d35e03f0b07d1af3fecd51cd4ca42a76c300db23.tar.gz
bycs-sol-d35e03f0b07d1af3fecd51cd4ca42a76c300db23.zip
format: run prettier
Diffstat (limited to 'mass-graduation.css')
-rw-r--r--mass-graduation.css161
1 files changed, 81 insertions, 80 deletions
diff --git a/mass-graduation.css b/mass-graduation.css
index 5de091b..d32d7c1 100644
--- a/mass-graduation.css
+++ b/mass-graduation.css
@@ -1,122 +1,124 @@
#group-selection-container {
- margin: 0.2rem;
+ margin: 0.2rem;
}
#group-selection-search-container {
- position: relative;
+ position: relative;
}
#group-selection {
- box-sizing: border-box;
- width: 100%;
- padding: 0.75rem 2.5rem 0.75rem 1rem;
- margin-bottom: 1.5rem;
- border: 1px solid #ddd;
- border-radius: 5pt;
- font-size: 1.5rem;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 0.75rem 2.5rem 0.75rem 1rem;
+ margin-bottom: 1.5rem;
+ border: 1px solid #ddd;
+ border-radius: 5pt;
+ font-size: 1.5rem;
}
#group-selection-clear {
- position: absolute;
- right: 0.75rem;
- transform: translateY(-175%);
- border: none;
- background: transparent;
- font-size: 1.875rem;
- cursor: pointer;
- color: #888;
+ position: absolute;
+ right: 0.75rem;
+ transform: translateY(-175%);
+ border: none;
+ background: transparent;
+ font-size: 1.875rem;
+ cursor: pointer;
+ color: #888;
}
#group-selection-clear:hover {
- color: #333;
+ color: #333;
}
#group-selection:focus {
- border-color: #0077ff;
+ border-color: #0077ff;
}
#group-selection-loader {
- --size: 0.5px;
- width: calc(48 * var(--size));
- height: calc(48 * var(--size));
- border: calc(5 * var(--size)) solid black;
- border-bottom-color: transparent;
- border-radius: 50%;
- display: inline;
- position: absolute;
- top: 20px;
- right: 0.75rem;
- box-sizing: border-box;
- animation: rotation 1s linear infinite;
+ --size: 0.5px;
+ width: calc(48 * var(--size));
+ height: calc(48 * var(--size));
+ border: calc(5 * var(--size)) solid black;
+ border-bottom-color: transparent;
+ border-radius: 50%;
+ display: inline;
+ position: absolute;
+ top: 20px;
+ right: 0.75rem;
+ box-sizing: border-box;
+ animation: rotation 1s linear infinite;
}
@keyframes rotation {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(360deg);
- }
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
}
#group-selection-list {
- list-style: none;
+ list-style: none;
}
#group-selection-list li {
- padding: 0.75rem 1rem;
- border-bottom: 1px solid #eee;
- cursor: pointer;
- transition: background 0.2s;
+ padding: 0.75rem 1rem;
+ border-bottom: 1px solid #eee;
+ cursor: pointer;
+ transition: background 0.2s;
}
#group-selection-list li:hover {
- background: #f0f8ff;
+ background: #f0f8ff;
}
#group-selection-list li.active {
- background: #0077ff;
- color: white;
+ background: #0077ff;
+ color: white;
}
#group-selection-list li > u.group-selection-list-highlight {
- font-weight: bold;
+ font-weight: bold;
}
#group-selection-noresults {
- color: red;
- text-align: center;
- margin-top: 1rem;
+ color: red;
+ text-align: center;
+ margin-top: 1rem;
}
#group-content {
}
#group-members {
- padding-left: 0;
+ padding-left: 0;
}
.group-member {
- display: grid;
- grid-template-columns: 30px 200px 30px repeat(3, 40px) auto 20px;
+ display: grid;
+ grid-template-columns: 30px 200px 30px repeat(3, 40px) auto 20px;
}
.group-member-icon {
- width: 30px;
- height: 30px;
- align-self: center;
+ width: 30px;
+ height: 30px;
+ align-self: center;
}
.group-member-name {
- align-self: center;
+ align-self: center;
}
.group-member-observation-icon {
- border: none;
- background: none;
+ border: none;
+ background: none;
}
-.group-member-green, .group-member-orange, .group-member-red {
+.group-member-green,
+.group-member-orange,
+.group-member-red {
margin: 5px;
}
@@ -134,14 +136,14 @@
}
#group-member-point-reason {
- box-sizing: border-box;
- padding: 10px;
- width: 50%;
- font-size: 0.8rem;
- letter-spacing: 1px;
- line-height: 1.5;
- border-radius: 5px;
- border: 1px solid #cccccc;
+ box-sizing: border-box;
+ padding: 10px;
+ width: 50%;
+ font-size: 0.8rem;
+ letter-spacing: 1px;
+ line-height: 1.5;
+ border-radius: 5px;
+ border: 1px solid #cccccc;
}
.group-member-print {
@@ -157,7 +159,6 @@
.group-member-observation-table {
background: lightgray;
-
}
.group-member-observation-table-description {
max-width: 70%;
@@ -171,16 +172,16 @@
}
.submit-mass-graduation-inprogress {
- --size: 0.5px;
- width: calc(48 * var(--size));
- height: calc(48 * var(--size));
- border: calc(5 * var(--size)) solid black;
- border-bottom-color: transparent;
- border-radius: 50%;
- display: inline;
- position: absolute;
- margin-left: 0.25rem;
- margin-top: 0.25rem;
- box-sizing: border-box;
- animation: rotation 1s linear infinite;
+ --size: 0.5px;
+ width: calc(48 * var(--size));
+ height: calc(48 * var(--size));
+ border: calc(5 * var(--size)) solid black;
+ border-bottom-color: transparent;
+ border-radius: 50%;
+ display: inline;
+ position: absolute;
+ margin-left: 0.25rem;
+ margin-top: 0.25rem;
+ box-sizing: border-box;
+ animation: rotation 1s linear infinite;
}