github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-01-28 07:48:04 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add a standardized max-height to tree select interface (#7103)

Browse Source
This commit is contained in:
Rijk van Zanten
2021-07-30 18:59:02 +02:00
committed by GitHub
parent 3192fb2e2d
commit ae40445dee
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/src/interfaces/select-multiple-checkbox-tree/select-multiple-checkbox-tree.vue
View File

@@ -73,12 +73,21 @@ export default defineComponent({
<style scoped>
.select-multiple-checkbox-tree {
max-height: var(--input-height-max);
overflow: auto;
border: var(--border-width) solid var(--border-normal);
border-radius: var(--border-radius);
}
.search {
position: sticky;
top: 0;
z-index: 2;
padding: 10px;
padding-bottom: 0;
}
.search .v-input {
box-shadow: 0 0 4px 4px var(--background-page);
}
</style>

3
app/src/styles/_variables.scss
View File

@@ -1,7 +1,7 @@
:root {
--brand: var(--primary); // will be overriden with directus_settings.project_color
--white: #fff;
--black: #090C0D;
--black: #090c0d;
--transition: cubic-bezier(0.4, 0, 0.2, 1);
--transition-in: cubic-bezier(0, 0, 0.2, 1);
--transition-out: cubic-bezier(0.4, 0, 1, 1);
@@ -14,6 +14,7 @@
--border-radius: 4px;
--input-height: 52px;
--input-height-tall: 168px;
--input-height-max: 500px;
--input-padding: 12px;
--form-column-width: 300px;
--form-column-max-width: 380px;