Millorada UI de l'agrupació d'assignatures
S'ha implementat el mètode `transformClasses` que converteix la llista
de classes en un array que conté les "classes d'equivalència" de les
classes. És a dir, si diverses classes comparteixen el mateix nom, es
fiquen dins d'un mateix array, i aquest array forma part de l'array de
classes.
A partir d'això es generen els divs de les assignatures, que s'han
adaptat per fer que càpiguen diverses aules a dins (en comptes
d'utilitzar efectes visuals).
diff --git a/css/bulma-adjustments.css b/css/bulma-adjustments.css
index 739591c..f0960a4 100644
--- a/css/bulma-adjustments.css
+++ b/css/bulma-adjustments.css
@@ -21,6 +21,36 @@
.buttons.grid .complex-button {
flex: 1 0 34%;
margin: 15px 10px;
+ min-width: min(100%, 300px);
+}
+
+.buttons.grid .complex-button.is-selected .message-header {
+ background-color: #3273dc;
+ color: #fff;
+}
+
+.buttons.grid .complex-button.is-selected .message-body.is-selected {
+ background-color: #eef3fc;
+ color: #2160c4;
+}
+
+.rooms-container {
+ display: flex;
+ flex-direction: row;
+}
+
+.rooms-container .message-body {
+ border-width: 0;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ flex-grow: 1;
+
+ cursor: pointer;
+}
+
+.rooms-container .message-body:not(:last-child) {
+ border-bottom-right-radius: 0;
+ border-right: solid 1px #4a4a4a;
}
.section {