andry/EMS-ESP32
1
0
Fork 0
mirror of https://github.com/emsesp/EMS-ESP32.git synced 2025-12-06 15:59:52 +03:00
Code Issues Packages Projects Releases Wiki Activity

consistent hover effect in tables

Browse Source
This commit is contained in:
proddy
2024-10-14 00:06:08 +01:00
parent 079cae767c
commit 6964620bd4
4 changed files with 4 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
interface/src/app/main/CustomEntities.tsx
View File

@@ -125,15 +125,10 @@ const CustomEntities = () => {
position: relative; position: relative;
cursor: pointer; cursor: pointer;
.td { .td {
border-top: 1px solid #565656;
border-bottom: 1px solid #565656; border-bottom: 1px solid #565656;
} }
&:hover .td { &:hover .td {
border-top: 1px solid #177ac9; background-color: #177ac9;
border-bottom: 1px solid #177ac9;
}
&:nth-of-type(odd) .td {
background-color: #303030;
} }
` `
}); });

5
interface/src/app/main/Customizations.tsx
View File

@@ -190,10 +190,7 @@ const Customizations = () => {
} }
&:hover .td { &:hover .td {
border-top: 1px solid #177ac9; border-top: 1px solid #177ac9;
border-bottom: 1px solid #177ac9; background-color: #177ac9;
}
&:nth-of-type(odd) .td {
background-color: #303030;
} }
`, `,
Cell: ` Cell: `

7
interface/src/app/main/Scheduler.tsx
View File

@@ -117,15 +117,10 @@ const Scheduler = () => {
position: relative; position: relative;
cursor: pointer; cursor: pointer;
.td { .td {
border-top: 1px solid #565656;
border-bottom: 1px solid #565656; border-bottom: 1px solid #565656;
} }
&:hover .td { &:hover .td {
border-top: 1px solid #177ac9; background-color: #177ac9;
border-bottom: 1px solid #177ac9;
}
&:nth-of-type(odd) .td {
background-color: #303030;
} }
` `
}); });

11
interface/src/app/main/Sensors.tsx
View File

@@ -116,19 +116,10 @@ const Sensors = () => {
cursor: pointer; cursor: pointer;
.td { .td {
padding: 8px; padding: 8px;
border-top: 1px solid #565656;
border-bottom: 1px solid #565656; border-bottom: 1px solid #565656;
} }
&.tr.tr-body.row-select.row-select-single-selected {
background-color: #3d4752;
font-weight: normal;
}
&:hover .td { &:hover .td {
border-top: 1px solid #177ac9; background-color: #177ac9;
border-bottom: 1px solid #177ac9;
}
&:nth-of-type(odd) .td {
background-color: #303030;
} }
`, `,
Cell: ` Cell: `