mirror/Checkmate
1
0
Fork 0
mirror of https://github.com/bluewave-labs/Checkmate.git synced 2026-04-28 20:50:37 -05:00
Code Issues Packages Projects Releases Wiki Activity

Styled rows per page select component

Browse Source
This commit is contained in:
Daniel Cojocea
2024-08-19 18:49:14 -04:00
parent 6042d87a7d
commit e22f7276d4
5 changed files with 70 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Client/src/Components/BasicTable/index.css
+36 -3
View File
@@ -10,7 +10,6 @@
}
.MuiTable-root .host div:nth-child(2) {
width: fit-content;
font-weight: 500;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
@@ -127,13 +126,22 @@
}
.MuiTablePagination-root p {
color: var(--env-var-color-5);
color: var(--env-var-color-2);
font-weight: 500;
}
.MuiTablePagination-root button,
.MuiTablePagination-root .MuiSelect-select {
border: solid 1px #ebebeb;
border-radius: var(--env-var-radius-1);
}
.MuiTablePagination-root .MuiTablePagination-select.MuiSelect-select {
text-align: left;
text-align-last: left;
}
.MuiTablePagination-root button {
min-width: 0;
padding: 4px;
margin-left: 5px;
border-color: #ebebeb;
}
.MuiTablePagination-root svg {
width: 22px;
@@ -143,6 +151,13 @@
stroke: var(--env-var-color-5);
stroke-width: 1.3;
}
.MuiTablePagination-root .MuiSelect-icon {
width: 16px;
height: 16px;
top: 50%;
right: 8%;
transform: translateY(-50%);
}
.MuiTablePagination-root button.Mui-disabled {
opacity: 0.4;
}
@@ -150,3 +165,21 @@
background-color: #f4f4f4;
border-color: #f4f4f4;
}
.pagination-dropdown.MuiPaper-root {
box-shadow: var(--env-var-shadow-1);
border: solid 1px var(--env-var-color-6);
border-radius: var(--env-var-radius-1);
}
.pagination-dropdown ul {
padding: 4px;
min-width: 100px;
}
.pagination-dropdown li {
font-size: var(--env-var-font-size-medium);
padding: 4px;
}
.pagination-dropdown li.Mui-selected,
.pagination-dropdown li.Mui-selected:hover {
background-color: #f4f4f4;
}