misuzu/assets/misuzu.css/manage/settings.css

125 lines
2.2 KiB
CSS
Raw Normal View History

2022-09-13 13:14:49 +00:00
.manage-settings-actions {
margin: 2px;
}
.manage-settings-list-container {
margin: 5px 2px;
}
.manage-settings-list {
width: 100%;
border-spacing: 0;
}
.manage-settings-list-header th {
border-bottom: 1px solid var(--accent-colour);
}
.manage-settings-list-header-options {
width: 80px;
}
.manage-list-setting:nth-child(even) {
background-color: #fff1;
}
.manage-list-setting-key {
padding: 5px;
}
.manage-list-setting-key-text {
font-family: var(--font-monospace);
}
.manage-list-setting-type {
text-align: center;
width: 100px;
}
.manage-list-setting-type--string {
--type-colour: #ef8323;
}
2023-07-18 21:48:44 +00:00
.manage-list-setting-type--int {
2022-09-13 13:14:49 +00:00
--type-colour: #8c90bc;
}
2023-07-18 21:48:44 +00:00
.manage-list-setting-type--float {
--type-colour: #cb09c8;
}
.manage-list-setting-type--bool {
2022-09-13 13:14:49 +00:00
--type-colour: #77b34c;
}
.manage-list-setting-type--array {
--type-colour: #f02d7d;
}
.manage-list-setting-type-text {
background: var(--type-colour);
border-radius: 5px;
text-shadow: initial;
font-weight: 700;
padding: 0 5px;
font-size: .9em;
display: inline-block;
}
.manage-list-setting-value {
padding: 5px;
max-width: 570px;
}
.manage-list-setting-value-text {
font-family: var(--font-monospace);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.manage-list-setting-options {
display: flex;
width: 80px;
justify-content: center;
padding: 5px;
}
.manage-list-setting-options .input__button {
margin: 1px;
padding: 6px;
}
.manage-setting-field {
display: flex;
margin: 2px;
align-items: center;
}
.manage-setting-field-name {
min-width: 100px;
padding: 5px;
}
.manage-setting-field-value {
flex: 1 1 auto;
}
.manage-setting-actions {
text-align: center;
margin: 5px;
}
.manage-setting-array {
width: 100%;
}
.manage-setting-array-select select {
width: 100%;
min-height: 300px;
}
.manage-setting-array-remove {
margin: 2px 0;
}
.manage-setting-array-remove button {
width: 100%;
}
.manage-setting-array-add {
display: flex;
margin: 5px 0;
}
.manage-setting-array-add input {
flex: 1 1 auto;
}
.manage-setting-array-add button {
flex: 0 0 auto;
margin-left: 2px;
}