80 lines
1.5 KiB
CSS
80 lines
1.5 KiB
CSS
/* Small, theme-friendly button */
|
||
.lmt-btn {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: .4rem;
|
||
padding: .25rem .5rem;
|
||
border: none;
|
||
border-radius: 6px;
|
||
cursor: pointer;
|
||
font: inherit;
|
||
line-height: 1;
|
||
opacity: .9;
|
||
}
|
||
|
||
.lmt-btn:hover {
|
||
opacity: 1;
|
||
}
|
||
|
||
/* tiny icon + mode badge */
|
||
.lmt-icon {
|
||
font-weight: 700;
|
||
}
|
||
|
||
/* subtle corner badge on the toolbar icon */
|
||
.lmt-badge {
|
||
position: absolute;
|
||
right: -2px;
|
||
bottom: -2px;
|
||
font-size: 9px;
|
||
line-height: 1;
|
||
padding: 1px 3px;
|
||
border-radius: 6px;
|
||
background: var(--node-border, #444);
|
||
color: var(--descrip-text, #ccc);
|
||
pointer-events: none;
|
||
}
|
||
|
||
/* fallback floating style (only used if toolbar not found) */
|
||
.lmt-floating.lmt-bottom-right {
|
||
position: fixed;
|
||
right: 10px;
|
||
bottom: 10px;
|
||
z-index: 99999;
|
||
}
|
||
/* when we can’t find a toolbar, float it bottom-right */
|
||
.lmt-floating {
|
||
position: fixed;
|
||
right: 12px;
|
||
bottom: 12px;
|
||
z-index: 99999;
|
||
pointer-events: auto;
|
||
}
|
||
|
||
/* if we docked into a toolbar, keep it tidy */
|
||
.lmt-in-toolbar {
|
||
margin-left: .5rem;
|
||
}
|
||
|
||
/* visual hint if API failed (should be rare) */
|
||
.lmt-failed {
|
||
outline: 2px solid #c33;
|
||
}
|
||
|
||
|
||
/* subtle corner badge on the toolbar icon */
|
||
.lmt-badge {
|
||
position: absolute;
|
||
right: -2px;
|
||
bottom: -2px;
|
||
font-size: 9px;
|
||
line-height: 1;
|
||
padding: 1px 3px;
|
||
border-radius: 6px;
|
||
background: var(--node-border, #444);
|
||
color: var(--descrip-text, #ccc);
|
||
pointer-events: none;
|
||
}
|
||
|
||
|