mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-03-03 02:21:33 +00:00
8cfab08f9e
The Admin V3 styles are now the primary styles for the application. This change promotes the `admin_v3` directory to `admin` and archives the old styles. Changes: - Renamed `app/webpacker/css/admin_v3` to `app/webpacker/css/admin`. - Renamed the previous `app/webpacker/css/admin` to `app/webpacker/css/admin_legacy`. - Moved all files referenced by V3 styles from the legacy directory to the new `admin` directory. - Updated imports in `all.scss` to distinct local files instead of relative paths. - Cleaned up `admin_legacy` by removing files that are duplicates (by name or content) of the new admin styles. - Updated `admin-style-v3` pack to point to the new location.
89 lines
1.5 KiB
SCSS
89 lines
1.5 KiB
SCSS
.pagination {
|
|
text-align: center;
|
|
margin: 0 0 1em;
|
|
padding: 20px 0 28px 0;
|
|
|
|
background-color: $color-7;
|
|
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 8px;
|
|
|
|
button.page,
|
|
.page {
|
|
width: $btn-relaxed-height;
|
|
line-height: $btn-relaxed-height;
|
|
height: $btn-relaxed-height;
|
|
padding: 0;
|
|
margin: 0;
|
|
text-align: center;
|
|
display: inline-block;
|
|
text-align: center;
|
|
background-color: $color-1;
|
|
box-shadow: $box-shadow;
|
|
border-radius: 4px;
|
|
border: none;
|
|
color: $color-8;
|
|
font-weight: 600;
|
|
|
|
&.current,
|
|
&.gap {
|
|
cursor: default;
|
|
}
|
|
|
|
&.current {
|
|
background-color: $color-5;
|
|
color: $white;
|
|
}
|
|
|
|
&.disabled {
|
|
display: none;
|
|
}
|
|
|
|
&.prev {
|
|
margin-right: 28px; // 28+8 (the gap) = 36px : the space between the arrows and the numbers
|
|
& > i {
|
|
padding-left: 2px;
|
|
}
|
|
}
|
|
|
|
&.next {
|
|
margin-left: 28px; // 28+8 (the gap) = 36px : the space between the arrows and the numbers
|
|
& > i {
|
|
padding-left: 6px;
|
|
}
|
|
}
|
|
|
|
&:hover:not(.gap):not(.disabled),
|
|
&[href]:hover {
|
|
background-color: $color-5;
|
|
color: $white;
|
|
border: none;
|
|
}
|
|
|
|
&.gap {
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
width: auto;
|
|
}
|
|
|
|
&:active {
|
|
border: none;
|
|
}
|
|
}
|
|
|
|
button {
|
|
margin: 0 0.35em;
|
|
|
|
background-color: $white;
|
|
color: $near-black;
|
|
box-shadow: $box-shadow;
|
|
|
|
&.active {
|
|
color: $white;
|
|
background-color: $red;
|
|
cursor: default;
|
|
}
|
|
}
|
|
}
|