Remove with Text
Remove GetEngineeringSpcReview Better error message EnforceCodeStyleInBuild NginxFileSystem Remove Reactors and Working Directory AppSettings Delete self contained Thunder Tests Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter
This commit is contained in:
233
Server/wwwroot/package/dist/collection/components/pagination/pagination.css
vendored
Normal file
233
Server/wwwroot/package/dist/collection/components/pagination/pagination.css
vendored
Normal file
@ -0,0 +1,233 @@
|
||||
@charset "UTF-8";
|
||||
:root {
|
||||
--ifx-font-family: "Source Sans 3";
|
||||
font-family: var(--ifx-font-family, sans-serif);
|
||||
}
|
||||
|
||||
:host {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 32px;
|
||||
font-family: var(--ifx-font-family);
|
||||
}
|
||||
.container .items__per-page-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
}
|
||||
.container .items__per-page-wrapper .items__per-page-label {
|
||||
color: #1D1D1D;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
line-height: 20px;
|
||||
}
|
||||
.container .items__per-page-wrapper .items__per-page-field {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.container .items__per-page-wrapper .items__per-page-field ifx-select {
|
||||
width: 92px;
|
||||
}
|
||||
.container .items__total-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
.container .items__total-wrapper .items__total-button {
|
||||
display: flex;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 100px;
|
||||
border: 1px solid #BFBBBB;
|
||||
background: #FFF;
|
||||
}
|
||||
.container .items__total-wrapper .page__numbers-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
.container .items__total-wrapper .page__numbers-wrapper .page__number-item {
|
||||
display: flex;
|
||||
padding: 6px;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
border-radius: 100px;
|
||||
}
|
||||
.container .items__total-wrapper .page__numbers-wrapper .page__number-item.active {
|
||||
background-color: #0A8276;
|
||||
}
|
||||
.container .items__total-wrapper .page__numbers-wrapper .page__number-item.active span {
|
||||
color: #fff;
|
||||
}
|
||||
.container .items__total-wrapper .page__numbers-wrapper .page__number-item:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
.container .items__total-wrapper .page__numbers-wrapper .page__number-item:hover:not(.active) {
|
||||
background-color: #ddd;
|
||||
}
|
||||
.container .items__total-wrapper .page__numbers-wrapper .page__number-item:active:not(.active) {
|
||||
background-color: #575352;
|
||||
}
|
||||
.container .items__total-wrapper .page__numbers-wrapper .page__number-item span {
|
||||
display: flex;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
color: #1D1D1D;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
display: flex;
|
||||
}
|
||||
.pagination ifx-icon-button:first-of-type {
|
||||
margin-right: 12px;
|
||||
}
|
||||
.pagination ifx-icon-button:last-of-type {
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
a {
|
||||
padding: 6px;
|
||||
border-radius: 100px;
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
li {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 100px;
|
||||
}
|
||||
li:hover:not(.active) a {
|
||||
background-color: #EEEDED;
|
||||
}
|
||||
li:active:not(.active) a {
|
||||
background-color: #575352;
|
||||
color: #fff;
|
||||
}
|
||||
li.active {
|
||||
background-color: #0A8276;
|
||||
}
|
||||
li.active a {
|
||||
color: #fff;
|
||||
}
|
||||
li:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
li a {
|
||||
text-decoration: none;
|
||||
display: flex;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
color: #1D1D1D;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.prev.disabled,
|
||||
.next.disabled {
|
||||
cursor: default;
|
||||
}
|
||||
.prev.disabled:hover,
|
||||
.next.disabled:hover {
|
||||
cursor: default;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.prev {
|
||||
margin-right: 2.5px;
|
||||
}
|
||||
|
||||
.next {
|
||||
margin-left: 2.5px;
|
||||
}
|
||||
|
||||
@media (min-width: 400px) {
|
||||
li:first-child, li.active-sibling, li.active, li.active + li, li:last-child {
|
||||
display: inline-flex !important;
|
||||
flex-direction: row;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8) ~ li {
|
||||
display: none;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8) ~ li.active-sibling:before {
|
||||
content: "…";
|
||||
font-size: 13px;
|
||||
display: inline-block;
|
||||
margin-right: 6px;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8) ~ li.active + li:after {
|
||||
content: "…";
|
||||
font-size: 13px;
|
||||
display: inline-block;
|
||||
margin-left: 6px;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8) ~ li:nth-last-child(-n+5) {
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8) ~ li:nth-last-child(5):before {
|
||||
content: "…";
|
||||
font-size: 13px;
|
||||
display: inline-block;
|
||||
margin-right: 6px;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8) ~ li:nth-child(-n+2):before, li:first-child:nth-last-child(n+8) ~ li:nth-child(-n+2):after, li:first-child:nth-last-child(n+8) ~ li:nth-last-child(-n+2):before, li:first-child:nth-last-child(n+8) ~ li:nth-last-child(-n+2):after, li:first-child:nth-last-child(n+8) ~ li.active-sibling:nth-last-child(-n+4):before, li:first-child:nth-last-child(n+8) ~ li.active-sibling:nth-last-child(-n+4):after {
|
||||
display: none !important;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8).active ~ li:nth-last-child(-n+5), li:first-child:nth-last-child(n+8) ~ li.active ~ li:nth-last-child(-n+5) {
|
||||
display: none;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8).active ~ li:nth-last-child(-n+5):before, li:first-child:nth-last-child(n+8) ~ li.active ~ li:nth-last-child(-n+5):before {
|
||||
display: none;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8).active ~ li:nth-child(-n+5), li:first-child:nth-last-child(n+8) ~ li.active ~ li:nth-child(-n+5) {
|
||||
display: inline-flex !important;
|
||||
flex-direction: row;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8).active ~ li:nth-child(-n+4):after, li:first-child:nth-last-child(n+8) ~ li.active ~ li:nth-child(-n+4):after {
|
||||
display: none;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8).active ~ li:nth-child(5):after, li:first-child:nth-last-child(n+8) ~ li.active ~ li:nth-child(5):after {
|
||||
content: "…";
|
||||
font-size: 13px;
|
||||
display: inline-block;
|
||||
margin-left: 6px;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8).active:before, li:first-child:nth-last-child(n+8).active:after, li:first-child:nth-last-child(n+8) ~ li.active:before, li:first-child:nth-last-child(n+8) ~ li.active:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user