按钮颜色
This commit is contained in:
1 parent
b258d736fd
commit
5808e3dfce
5 files changed
+57
-6
No files matched your search
@@ -77,6 +77,21 @@
|
||||
button.active { background: var(--accent); color: #fff; border-color: var(--accent); }
|
||||
button.primary { background: var(--accent); color: #fff; border-color: var(--accent); }
|
||||
button:disabled { cursor: default; opacity: .55; }
|
||||
#groupThumbBtn { position: relative; background: #2e7d32; color: #fff; border-color: #2e7d32; }
|
||||
#groupThumbBtn:hover { background: #256628; }
|
||||
#thumbBtn { position: relative; background: #1976d2; color: #fff; border-color: #1976d2; }
|
||||
#thumbBtn:hover { background: #155fa8; }
|
||||
#groupThumbBtn::after, #thumbBtn::after {
|
||||
content: attr(data-tooltip); position: absolute; top: calc(100% + 8px); z-index: 30;
|
||||
width: max-content; max-width: min(620px, calc(100vw - 24px)); padding: 6px 10px;
|
||||
color: var(--text); font-size: 12px; font-weight: 500; line-height: 1.4; white-space: normal;
|
||||
background: var(--panel); border: 1px solid var(--border); border-radius: 4px;
|
||||
box-shadow: 0 4px 14px rgba(0, 0, 0, .35); pointer-events: none;
|
||||
opacity: 0; visibility: hidden;
|
||||
}
|
||||
#groupThumbBtn::after { left: 0; background: #256628; border-color: #256628; color: #fff; }
|
||||
#thumbBtn::after { right: 0; background: #155fa8; border-color: #155fa8; color: #fff; }
|
||||
#groupThumbBtn:hover::after, #thumbBtn:hover::after { opacity: 1; visibility: visible; }
|
||||
.thumb-dialog {
|
||||
position: absolute; inset: 0; z-index: 40; display: flex;
|
||||
align-items: center; justify-content: center; padding: 24px;
|
||||
|
||||
Reference in new issue
Block a user