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

margin, padding, size, and color tweaks (#374)

Browse Source 
* margin, padding, size, and color tweaks

* Remove commented out code

* Use pointer-events instead of double click event

* Use v-deep for v-sheet in v-dialog

* Add newline

* Fix stylelint complaint

* Fix tests

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
This commit is contained in:
Ben Haynes
2020-04-09 19:27:07 -04:00
committed by GitHub
parent 7485a97a3b
commit 7c0976441d
28 changed files with 100 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/v-table/table-header/table-header.vue
View File

@@ -218,12 +218,12 @@ export default defineComponent({
.table-header {
.cell {
position: relative;
height: 48px;
padding: 0 20px;
height: 50px; // +2px for bottom border
padding: 0 12px;
font-weight: 500;
font-size: 14px;
background-color: var(--background-page);
border-bottom: 1px solid var(--border-normal);
border-bottom: 2px solid var(--border-subdued);
&.select,
&.sort {
@@ -246,15 +246,17 @@ export default defineComponent({
}
.sortable {
cursor: pointer;
.sort-icon {
margin-left: 4px;
color: var(--foreground-subdued);
transform: scaleY(-1);
opacity: 0;
transition: opacity var(--fast) var(--transition);
}
&:hover .sort-icon {
opacity: 0.5;
opacity: 1;
}
&.sort-asc,
@@ -298,11 +300,12 @@ export default defineComponent({
&::after {
position: relative;
top: 20%;
left: 2px;
display: block;
width: 1px;
height: 100%;
background-color: var(--border-normal);
width: 2px;
height: 60%;
background-color: var(--border-subdued);
content: '';
}