mirror of
https://github.com/ksyasuda/SubMiner.git
synced 2026-11-10 04:46:07 -08:00
Controller: layouts for the media timing review and duplicate card dialogs (#313)
Co-authored-by: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
696462a82e
commit
6d0f37ac21
50 files changed
+4555
-46
No files matched your search
@@ -2072,6 +2072,34 @@ body:focus-visible,
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Controller hints: shown beside each control while controller support is on. */
|
||||
.media-timing-review-modal.controller-hints-visible button[data-controller-hint]::after,
|
||||
#kikuFieldGroupingModal.controller-hints-visible [data-controller-hint]::after {
|
||||
content: attr(data-controller-hint);
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
margin-left: 6px;
|
||||
padding: 1px 5px;
|
||||
border: 1px solid var(--ctp-surface1);
|
||||
border-bottom-width: 2px;
|
||||
border-radius: 5px;
|
||||
background: var(--ctp-mantle);
|
||||
color: var(--ctp-subtext0);
|
||||
font-family: inherit;
|
||||
font-size: 9px;
|
||||
font-weight: 750;
|
||||
letter-spacing: 0.02em;
|
||||
line-height: 1.4;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.media-timing-review-modal.controller-hints-visible .media-timing-review-line-stepper button {
|
||||
width: auto;
|
||||
min-width: 24px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.media-timing-review-cancel-step {
|
||||
min-height: 300px;
|
||||
padding: 44px 38px 34px;
|
||||
@@ -2951,9 +2979,23 @@ iframe[id^='yomitan-popup'],
|
||||
|
||||
.kiku-preview-toggle {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
/* "Scroll ▲ ▼" tag in the preview header, only while controller hints show. */
|
||||
.kiku-preview-scroll-hint {
|
||||
display: none;
|
||||
margin-left: 8px;
|
||||
font-size: 11px;
|
||||
font-weight: 500;
|
||||
color: var(--ctp-subtext0);
|
||||
}
|
||||
|
||||
#kikuFieldGroupingModal.controller-hints-visible .kiku-preview-scroll-hint[data-controller-hint] {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.kiku-preview-toggle button {
|
||||
padding: 5px 10px;
|
||||
border-radius: 5px;
|
||||
@@ -3476,6 +3518,40 @@ iframe[id^='yomitan-popup'],
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.controller-config-group-toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 8px;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.controller-config-group-action {
|
||||
padding: 2px 8px;
|
||||
font-size: 11px;
|
||||
letter-spacing: 0;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.controller-config-subgroup {
|
||||
padding: 10px 10px 4px;
|
||||
font-size: 11px;
|
||||
font-weight: 650;
|
||||
letter-spacing: 0.04em;
|
||||
color: var(--ctp-subtext0);
|
||||
}
|
||||
|
||||
.controller-config-warning {
|
||||
margin-top: 2px;
|
||||
font-size: 11px;
|
||||
color: var(--ctp-yellow);
|
||||
}
|
||||
|
||||
.controller-config-row.has-warning .controller-config-badge {
|
||||
border-color: var(--ctp-yellow);
|
||||
}
|
||||
|
||||
.controller-config-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
Reference in new issue
Block a user