Arnike/duty-teller
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 14 Wiki Activity

Update CSS styles for day markers and adjust layout behavior

Browse Source 
- Changed the flex-wrap property of day markers from wrap to nowrap for improved layout consistency.
- Standardized the size of duty, unavailable, and vacation markers to 11px, ensuring uniformity in appearance.
- Adjusted font size of markers to 0.55rem for better readability.
This commit is contained in:
Nikolay Tatarinov
2026-02-17 23:39:41 +03:00
parent e23d2247e0
commit 8a7057a23f
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
webapp/style.css
View File

@@ -146,7 +146,7 @@ body {
.day-markers { .day-markers {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: nowrap;
justify-content: center; justify-content: center;
gap: 2px; gap: 2px;
align-items: center; align-items: center;
@@ -175,15 +175,16 @@ body {
transform: none; transform: none;
} }
/* Единый размер маркеров (11px), чтобы и один, и три в строке выглядели одинаково */
.duty-marker, .duty-marker,
.unavailable-marker, .unavailable-marker,
.vacation-marker { .vacation-marker {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 14px; width: 11px;
height: 14px; height: 11px;
font-size: 0.6rem; font-size: 0.55rem;
font-weight: 700; font-weight: 700;
border-radius: 50%; border-radius: 50%;
flex-shrink: 0; flex-shrink: 0;