avives
1f72193a64
Some checks are pending
Module sub-split / Sub-split (push) Waiting to run
- Base: wintercms/winter branch 1.2 (full framework) - Theme vivespos: Canvas 7 + Bootstrap 5 CDN, custom CSS - Layout: deferred GTM/GA4 tracking, JSON-LD SoftwareApplication - Partials: hero (offline-first), features, modes (offline/nube toggle), screenshots, pricing (3 planes), comparison, FAQ, CTA - Plugin VivesPOS.Site with ContactForm - Dockerfile: PHP 8.2 Apache, port 80, healthcheck - Added winter/wn-pages, blog, sitemap, seo plugins - Active theme set to vivespos
70 lines
1.7 KiB
Plaintext
70 lines
1.7 KiB
Plaintext
//
|
|
// Record navigation
|
|
//
|
|
// Previous/next navigation shown in the breadcrumb row of a form, letting the
|
|
// user step through the sibling records of the controller's list (respecting
|
|
// its active filters, search and sorting). Rendered by the FormController
|
|
// behavior via formcontroller/partials/_record_navigation.php.
|
|
// ========================================================================
|
|
|
|
.control-breadcrumb {
|
|
position: relative;
|
|
}
|
|
|
|
.form-record-nav {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 9px;
|
|
font-size: 12px;
|
|
|
|
.form-record-nav-position {
|
|
color: #5a6b7b;
|
|
font-weight: 600;
|
|
letter-spacing: .3px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.form-record-nav-group {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
background: rgba(255, 255, 255, .55);
|
|
border: 1px solid rgba(0, 0, 0, .09);
|
|
border-radius: 6px;
|
|
overflow: hidden;
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
|
|
}
|
|
|
|
.form-record-nav-btn {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 28px;
|
|
height: 24px;
|
|
color: #5a6b7b;
|
|
text-decoration: none;
|
|
transition: background-color .12s ease, color .12s ease;
|
|
|
|
& + .form-record-nav-btn {
|
|
border-left: 1px solid rgba(0, 0, 0, .09);
|
|
}
|
|
|
|
&:not(.is-disabled):hover {
|
|
background-color: #fff;
|
|
color: #1f2d3d;
|
|
}
|
|
|
|
&.is-disabled {
|
|
color: #b6bfc7;
|
|
cursor: default;
|
|
}
|
|
|
|
svg {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|