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.
99 lines
1.9 KiB
SCSS
99 lines
1.9 KiB
SCSS
.unit-price {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.question-mark-icon {
|
|
background-image: url("../images/question-mark-icon.svg");
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
|
|
// Reset button element css attributes
|
|
padding: 0;
|
|
margin: 0;
|
|
width: 20px;
|
|
min-width: 20px;
|
|
height: 20px;
|
|
background-color: transparent;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
background-color: transparent;
|
|
}
|
|
|
|
&.open {
|
|
background-image: none;
|
|
background-color: $orient;
|
|
|
|
&:focus {
|
|
outline: 0;
|
|
}
|
|
|
|
&::before {
|
|
@include icon-font;
|
|
content: "";
|
|
color: $white;
|
|
vertical-align: super;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Question mark icon into a field
|
|
.field .question-mark-icon {
|
|
width: 15px;
|
|
min-width: 15px;
|
|
height: 15px;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.joyride-tip-guide.question-mark-tooltip {
|
|
width: 16rem;
|
|
max-width: 65%;
|
|
// JS needs to be tweaked to adjust for left alignment - this is dynamic can't rewrite in CSS
|
|
margin-left: -7.4rem;
|
|
margin-top: -0.1rem;
|
|
background-color: transparent;
|
|
z-index: $modal-zIndex + 1;
|
|
|
|
.background {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: -1;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.joyride-content-wrapper {
|
|
background-color: $orient;
|
|
padding: $padding-small;
|
|
border-radius: $radius-small;
|
|
color: $white;
|
|
width: 100%;
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
.joyride-nub.bottom {
|
|
// Need to rewrite all with !important as it's marked as !important in the original file
|
|
border-color: $orient !important;
|
|
border-bottom-color: transparent !important;
|
|
border-left-color: transparent !important;
|
|
border-right-color: transparent !important;
|
|
left: 7.4rem;
|
|
z-index: -1;
|
|
}
|
|
|
|
&.cart-sidebar {
|
|
// Small size (used in the cart sidebar)
|
|
width: 13rem;
|
|
margin-left: -10.4rem;
|
|
|
|
.joyride-nub.bottom {
|
|
left: 10.4rem;
|
|
}
|
|
}
|
|
}
|