MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 135: / Line 135: @@
 }
-body.hide-commentary .commentary-block {
+.commentary-body {
-   display: none;
+  max-height: 0;
+  overflow: hidden;
+  opacity: 0;
+  transition: all 0.3s ease;
+}
+.commentary-body.open {
+   max-height: 500px;
+  opacity: 1;
 }
@@ Line 447: / Line 455: @@
 .verse-block:hover .verse-actions {
    opacity: 1;
+}
+/* Default */
+.verse-action-commentary {
+  opacity: 0.7;
+}
+/* Active (OPEN) */
+.verse-action-commentary.active {
+  background-color: rgba(0, 0, 0, 0.08);
+  opacity: 1;
+}
+/* Optional: color tint if SVG is monochrome */
+.verse-action-commentary.active .icon {
+  filter: invert(25%) sepia(80%) saturate(500%) hue-rotate(200deg);
 }