MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 364: / Line 364: @@
    }
 }
-/* ── Verse actions ──────────────────────────────────────────────── */
+/* ── Verse menu ─────────────────────────────────────────────────── */
-.verse-actions {
+.verse-menu-wrap {
    display: inline;
-   margin-left: 0.5em;
+   position: relative;
-  opacity: 0;
-  transition: opacity 0.2s;
 }
-.verse-block:hover .verse-actions {
+.verse-dots {
-   opacity: 1;
+  cursor: pointer;
+  font-size: 0.65em;
+  color: #ccc;
+  letter-spacing: 0.08em;
+  padding: 1px 4px;
+  border-radius: 4px;
+  vertical-align: middle;
+  margin-left: 0.4em;
+  font-family: system-ui, sans-serif;
+  user-select: none;
+   transition: background 0.15s, color 0.15s;
 }
-.verse-action-btn {
+.verse-dots:hover,
-  cursor: pointer;
+.verse-dots.open {
-  font-size: 0.8em;
+   background: #f1f3f4;
-   color: #bbb;
+   color: #444;
-   margin-left: 0.25em;
-  user-select: none;
-  transition: color 0.2s;
-  vertical-align: middle;
 }
-.verse-action-btn:hover {
+.verse-menu {
-   color: #555;
+  display: none;
+  position: absolute;
+  top: 1.4em;
+  left: 0;
+  background: #fff;
+  border: 0.5px solid #e0e0e0;
+  border-radius: 8px;
+  padding: 4px 0;
+  min-width: 148px;
+  z-index: 100;
+   box-shadow: 0 2px 8px rgba(0,0,0,0.08);
 }
-.verse-action-btn.copied {
+.verse-menu.open {
-   color: #2a9d2a;
+   display: block;
 }
-.commentary-toggle {
+.verse-menu-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 7px 14px;
+  font-size: 13px;
+  font-family: system-ui, sans-serif;
+  color: #333;
    cursor: pointer;
-   margin-left: 0.4em;
+   white-space: nowrap;
-  font-size: 0.8em;
+}
-  vertical-align: middle;
-  opacity: 0.35;
+.verse-menu-item:hover {
-  user-select: none;
+   background: #f5f5f5;
-   display: inline;
-  transition: opacity 0.2s ease;
 }
-.commentary-toggle:hover {
+.verse-menu-icon {
-   opacity: 1;
+  font-size: 13px;
+  width: 16px;
+   text-align: center;
 }