diff options
| author | Florian Fischer <florian.fischer@muhq.space> | 2026-07-19 11:55:51 +0200 |
|---|---|---|
| committer | Florian Fischer <florian.fischer@muhq.space> | 2026-07-19 12:07:12 +0200 |
| commit | 369fbaa84bdb86d91752c53824bb3b13c45b483f (patch) | |
| tree | 5c1dca9eb4581a1de8c0862ba776528a4bedcf41 /mass-graducation/index.css | |
| parent | dd52c913c454b9a6cf9ab7e7b102f9e7ede31754 (diff) | |
| download | bycs-sol-369fbaa84bdb86d91752c53824bb3b13c45b483f.tar.gz bycs-sol-369fbaa84bdb86d91752c53824bb3b13c45b483f.zip | |
misc commit
Included changes:
* Cache the fetched students
* Add level icons
* Improve mass-graduation interface
* Move utility functions from config.js to utils-ENV.js
Diffstat (limited to 'mass-graducation/index.css')
| -rw-r--r-- | mass-graducation/index.css | 31 |
1 files changed, 27 insertions, 4 deletions
diff --git a/mass-graducation/index.css b/mass-graducation/index.css index c1c58a8..ef0e2ed 100644 --- a/mass-graducation/index.css +++ b/mass-graducation/index.css @@ -96,11 +96,19 @@ } .group-member { + padding-left: 0; display: grid; - grid-template-columns: 30px 30px 200px repeat(3, 40px) auto 20px; + grid-template-columns: 30px 200px 30px repeat(3, 40px) auto 20px; +} + +.group-member-icon { + width: 30px; + height: 30px; + align-self: center; } .group-member-name { + align-self: center; } .group-member-observation-icon { @@ -144,7 +152,7 @@ .group-member-observation-container { background: lightgray; - width: 600px; + width: 100%; } .group-member-observation-table { @@ -152,12 +160,27 @@ } .group-member-observation-table-description { - width: 80%; + max-width: 70%; } .group-member-observation-table-yes, -.group-member-observation-table-no { +.group-member-observation-table-no, +.group-member-observation-table-maybe { width: 10%; text-align: center; } +.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; +} |