phanpy/src/components/shortcuts-settings.css
Lim Chee Aun ab616c5fc7 Slight redesign of Shortcuts form
Yeah, still no Edit
2023-03-01 17:48:52 +08:00

63 lines
1.3 KiB
CSS

#shortcuts-settings-container .shortcuts-list {
line-height: 1.5;
padding: 0;
margin: 8px 0 0;
counter-reset: index;
border-radius: 8px;
overflow: hidden;
}
#shortcuts-settings-container .shortcuts-list li {
display: flex;
align-items: center;
padding: 8px;
gap: 4px;
background-color: var(--bg-faded-color);
}
#shortcuts-settings-container .shortcuts-list li::before {
content: counter(index);
counter-increment: index;
display: inline-block;
width: 1.2em;
text-align: right;
margin-right: 8px;
color: var(--text-insignificant-color);
font-size: 90%;
}
#shortcuts-settings-container .shortcuts-list li .shortcut-text {
flex-grow: 1;
}
#shortcuts-settings-container .shortcuts-list li .shortcut-actions {
flex-shrink: 0;
}
#shortcuts-settings-container .shortcuts-view-mode {
display: flex;
align-items: center;
gap: 8px;
}
#shortcuts-settings-container summary {
cursor: pointer;
}
#shortcut-settings-form form > * {
}
#shortcut-settings-form label {
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
}
#shortcut-settings-form label > span:first-child {
flex-basis: 5em;
text-align: right;
}
#shortcut-settings-form :is(input[type='text'], select) {
flex-grow: 1;
flex-basis: 70%;
flex-shrink: 1;
/* width: calc(100% - 32px); */
min-width: 0;
max-width: 320px;
}