github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-11 17:05:06 -05:00
Code Issues Packages Projects Releases Wiki Activity

Use light primary border color for fields when they are inside groups (#17777)

Browse Source 
* use light primary border for fields in groups

* remove !important & use higher CSS specificity
This commit is contained in:
Azri Kahar
2023-03-14 20:14:20 +08:00
committed by GitHub
parent 7c479c5161
commit 5f4b4ec3d4
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/src/modules/settings/routes/data-model/fields/components/field-select.vue
View File

@@ -459,16 +459,22 @@ export default defineComponent({
& + & {
margin-top: 8px;
}
&.nested {
.field :deep(.input) {
border: var(--border-width) solid var(--primary-25);
}
}
}
.field {
:deep(.input) {
border: var(--border-width) solid var(--border-subdued) !important;
&.v-input :deep(.input) {
border: var(--border-width) solid var(--border-subdued);
}
:deep(.input:hover) {
background-color: var(--card-face-color) !important;
border: var(--border-width) solid var(--border-normal-alt) !important;
&.v-input :deep(.input:hover) {
background-color: var(--card-face-color);
border: var(--border-width) solid var(--border-normal-alt);
}
.label {