DetailItem: adjust padding and remove hover styles
This commit is contained in:
parent
ef534164f0
commit
a9dcbd18f8
1 changed files with 1 additions and 15 deletions
|
|
@ -109,26 +109,12 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: spacing.$unit;
|
padding: spacing.$unit 0;
|
||||||
background: colors.$grey-90;
|
background: colors.$grey-90;
|
||||||
border-radius: layout.$item-corner;
|
border-radius: layout.$item-corner;
|
||||||
font-size: typography.$font-regular;
|
font-size: typography.$font-regular;
|
||||||
min-height: calc(spacing.$unit * 5);
|
min-height: calc(spacing.$unit * 5);
|
||||||
|
|
||||||
&:hover:not(.editable):not(.hasChildren) {
|
|
||||||
background: colors.$grey-80;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.editable:focus-within,
|
|
||||||
&.hasChildren:focus-within {
|
|
||||||
background: var(--input-bg-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.editable,
|
|
||||||
&.hasChildren {
|
|
||||||
background: var(--input-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.label-container {
|
.label-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue