vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Merge pull request #36719 from GursheenK/border-radius-for-listview-row

Browse source 
fix(List View): hover state for list rows
This commit is contained in:
Suraj Shetty 2026-02-05 08:21:13 +05:30 • committed by GitHub
commit 21a62cf977
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 13 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
frappe/public/scss/desk/list.scss
View file

@ -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 {