diff --git a/frappe/public/scss/desk/list.scss b/frappe/public/scss/desk/list.scss index f2ad07caad..f8eb238bb8 100644 --- a/frappe/public/scss/desk/list.scss +++ b/frappe/public/scss/desk/list.scss @@ -83,7 +83,8 @@ .list-row-container { display: flex; flex-direction: column; - border-bottom: 1px solid $border-color; + padding-inline: var(--padding-sm); + border-radius: var(--border-radius); &:focus { .list-row { @@ -92,8 +93,15 @@ } &:first-child { - padding-top: 0; - border-bottom: none; + padding: 0; + } + + &:hover { + background-color: var(--highlight-color); + } + + &:hover .level-right { + background-color: var(--highlight-color); } } @@ -127,28 +135,18 @@ } .list-row { - border-radius: var(--border-radius); + border-bottom: 1px solid var(--border-color); cursor: pointer; transition: color 0.2s; -webkit-transition: color 0.2s; @include get_textstyle("base", "regular"); &:hover:not(.list-row-head) { - background-color: var(--highlight-color); - border-radius: unset; .level-right { box-shadow: -5px 0px 5px var(--highlight-color); } } - &:hover .level-right { - background-color: var(--highlight-color); - } - - &:last-child { - border-bottom: 0px; - } - .level-left { flex: 4; min-width: 80%; @@ -228,6 +226,7 @@ background-color: var(--subtle-fg); border-radius: var(--border-radius); height: var(--list-row-height); + padding-inline: var(--padding-sm); .list-subject { font-weight: normal; @@ -238,7 +237,6 @@ } .level-right { background-color: var(--subtle-fg); - border-radius: var(--border-radius); height: var(--list-row-height); border-left: none; &:hover {