|
|
@@ -1,5 +1,6 @@
|
|
|
/* Styles spécifiques à l'application */
|
|
|
|
|
|
+
|
|
|
.main-content {
|
|
|
margin-top: 3.25rem;
|
|
|
padding: 0.5rem;
|
|
|
@@ -10,20 +11,18 @@
|
|
|
}
|
|
|
|
|
|
.icon svg {
|
|
|
- width: 1em;
|
|
|
- height: 1em;
|
|
|
- fill: currentColor;
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ fill: currentColor;
|
|
|
}
|
|
|
|
|
|
.small-icon-in-text {
|
|
|
height: 1rem;
|
|
|
-
|
|
|
}
|
|
|
|
|
|
.text-limit-height {
|
|
|
height: 5rem;
|
|
|
overflow: hidden;
|
|
|
-
|
|
|
text-overflow: ellipsis;
|
|
|
}
|
|
|
|
|
|
@@ -96,22 +95,23 @@
|
|
|
|
|
|
/* Base styles for all planning cells */
|
|
|
|
|
|
-body.is-dark-mode .planning-cell {
|
|
|
- background-color: #1e1e1e;
|
|
|
- color: #f5f5f5;
|
|
|
+:root {
|
|
|
+ --height-multiplier: 1;
|
|
|
}
|
|
|
|
|
|
+.planning-cell {
|
|
|
+ height: calc(4rem * var(--height-multiplier)); }
|
|
|
+
|
|
|
.planning-cell {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
/*justify-content: center;*/
|
|
|
- height: 4rem;
|
|
|
+
|
|
|
padding: 0.5rem;
|
|
|
box-sizing: border-box;
|
|
|
overflow: hidden;
|
|
|
white-space: nowrap;
|
|
|
text-overflow: ellipsis;
|
|
|
- /*background-color: #ffffff;*/
|
|
|
font-size: 0.95rem;
|
|
|
transition: background-color 0.2s ease;
|
|
|
z-index: 0;
|
|
|
@@ -119,8 +119,6 @@ body.is-dark-mode .planning-cell {
|
|
|
|
|
|
/* Header cells (e.g., "Espaces") */
|
|
|
.planning-cell-heading {
|
|
|
- /* background-color: #00d1b2; /* Bulma primary */
|
|
|
- /* color: #ffffff;*/
|
|
|
font-weight: 600;
|
|
|
border-bottom: 1px solid #00b89c;
|
|
|
z-index: 0;
|
|
|
@@ -128,8 +126,6 @@ body.is-dark-mode .planning-cell {
|
|
|
|
|
|
/* Wide header cells (e.g., time columns) */
|
|
|
.planning-cell-wide {
|
|
|
- background-color: #f5f5f5; /* Bulma grey-light */
|
|
|
- color: #363636;
|
|
|
font-weight: 500;
|
|
|
border-bottom: 1px solid #ccc;
|
|
|
z-index: 0;
|
|
|
@@ -137,20 +133,13 @@ body.is-dark-mode .planning-cell {
|
|
|
|
|
|
/* Free (available) slot */
|
|
|
.planning-cell-free {
|
|
|
- background-color: #effaf5; /* Bulma success-light */
|
|
|
- color: #0f8763;
|
|
|
border-bottom: 1px solid #ccc;
|
|
|
z-index: 0;
|
|
|
}
|
|
|
|
|
|
-.planning-cell-free:hover {
|
|
|
- background-color: #d0f0e6;
|
|
|
-}
|
|
|
|
|
|
/* Locked slot */
|
|
|
.planning-cell-locked {
|
|
|
- background-color: #dbdbdb; /* Bulma gray */
|
|
|
- color: #7a7a7a;
|
|
|
border-bottom: 1px solid #ccc;
|
|
|
z-index: 0;
|
|
|
}
|
garthh