mirror of
https://github.com/Growstuff/growstuff.git
synced 2026-10-31 03:09:06 -04:00
Brenda Wallace
a0b24381ac
- Renamed all instances of 'Activity' to 'Job' in views, controllers, and models. - Updated routes to reflect the change from activities to jobs. - Modified database schema to rename the activities table to jobs and adjusted related columns. - Updated locale files to change activity-related translations to jobs. - Adjusted tests to ensure they reference jobs instead of activities. - Removed the category field from jobs as they are now a plain list. - Updated seed data and sample data generation to create jobs instead of activities.
60 lines
1.4 KiB
SCSS
60 lines
1.4 KiB
SCSS
// The actions menu: a three-dot button, quiet by default so it sits in a
|
|
// corner without competing with the title. An icon, not a labelled control, so
|
|
// no caret. Used on every record (see MenusHelper#actions_menu).
|
|
.record-actions-toggle {
|
|
padding: 0.25rem 0.6rem;
|
|
line-height: 1;
|
|
border: 0;
|
|
box-shadow: none;
|
|
background: transparent;
|
|
color: rgba(65, 63, 59, 0.55);
|
|
font-size: 1.25rem;
|
|
|
|
&::after {
|
|
display: none;
|
|
}
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&[aria-expanded="true"] {
|
|
background: rgba(65, 63, 59, 0.08);
|
|
box-shadow: none;
|
|
color: $brown;
|
|
}
|
|
}
|
|
|
|
// On a card the menu floats over the photo or the card's top corner, so its
|
|
// toggle gets a ground to stay visible on any picture.
|
|
.planting-quick-actions,
|
|
.job-quick-actions {
|
|
position: absolute;
|
|
top: 0.25rem;
|
|
left: 0.25rem;
|
|
z-index: 2;
|
|
|
|
.record-actions-toggle {
|
|
background: rgba(255, 255, 255, 0.85);
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
|
|
// Menu items are lowercase. Done in CSS because the labels are the shared
|
|
// button translations, which other pages show in sentence case.
|
|
.actions-menu .dropdown-item,
|
|
.record-page .dropdown-item {
|
|
text-transform: lowercase;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.75rem;
|
|
|
|
// Delete keeps the red, in a shade dark enough to read on white. Its icon
|
|
// and its place last under a divider carry it for anyone who can't see red.
|
|
&.text-danger {
|
|
color: $danger-text !important;
|
|
|
|
.menu-icon {
|
|
color: inherit;
|
|
}
|
|
}
|
|
}
|