/* ================================================================ LOTUS PLUGIN COMPATIBILITY BUNDLE File: redmineflux_lotus/assets/stylesheets/plugin.css Includes: CRM + Gantt compatibility styles ================================================================ */ /* ================================================================ CRM PLUGIN — LOTUS THEME COMPATIBILITY ================================================================ */ span.crm-nav-label { text-align: center; margin-top: 3px; } #crm-delete-modal-title { color: #272727 !important; font-size: 13px !important; font-family: var(--rf-font) !important; } /* 1) Neutralize CRM global #sidebar overrides */ body.lotus-theme.controller-crm_dashboard #sidebar, body.lotus-theme.controller-contacts #sidebar, body.lotus-theme.controller-companies #sidebar, body.lotus-theme.controller-deals #sidebar, body.lotus-theme.controller-leads #sidebar, body.lotus-theme.controller-crm_reports #sidebar, body.lotus-theme.controller-crm_audit_logs #sidebar, body.lotus-theme.controller-crm_activities #sidebar, body.lotus-theme.controller-crm_issue_links #sidebar { width: var(--rf-sidebar-w) !important; background: var(--rf-white) !important; border-right: none !important; padding-left: 0 !important; padding-right: 0 !important; box-shadow: none !important; order: unset !important; flex-shrink: unset !important; } body.lotus-theme.rf_sidebar_collapsed.controller-crm_dashboard #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-contacts #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-companies #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-deals #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-leads #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-crm_reports #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-crm_audit_logs #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-crm_activities #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-crm_issue_links #sidebar { width: var(--rf-sidebar-col-w) !important; } /* 2) CRM sidebar moved into #main by plugin.js */ body.lotus-theme #main.rf_has_crm_sidebar { display: flex; flex-direction: row; align-items: stretch; } body.lotus-theme #main.rf_has_crm_sidebar>#rf_crm_sidebar { width: 70px; min-width: 70px; padding: 16px 0; background: var(--rf-primary-light); border-right: 1px solid var(--rf-border); } body.lotus-theme #main.rf_has_crm_sidebar>#rf_crm_sidebar .crm-sidebar-nav { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 100%; padding: 0; margin: 0; } body.lotus-theme #main.rf_has_crm_sidebar>#rf_crm_sidebar .crm-sidebar-item { width: 70px; height: 70px; font-size: 11px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: var(--rf-radius); padding: 0; margin: 0; color: var(--rf-text-muted); text-decoration: none; transition: background-color var(--rf-transition), color var(--rf-transition); position: relative; } body.lotus-theme #main.rf_has_crm_sidebar>#rf_crm_sidebar .crm-sidebar-item i { font-size: 18px; color: var(--rf-text-muted); transition: color var(--rf-transition); font-weight: 400; } body.lotus-theme #main.rf_has_crm_sidebar>#rf_crm_sidebar .crm-sidebar-item:hover { background-color: var(--rf-bg); text-decoration: none; } body.lotus-theme #main.rf_has_crm_sidebar>#rf_crm_sidebar .crm-sidebar-item:hover i { color: var(--rf-primary); } body.lotus-theme #main.rf_has_crm_sidebar>#rf_crm_sidebar .crm-sidebar-item.active { background-color: var(--rf-primary); color: #ffffff; } body.lotus-theme #main.rf_has_crm_sidebar>#rf_crm_sidebar .crm-sidebar-item.active i { color: #ffffff; } body.lotus-theme #main.rf_has_crm_sidebar>#rf_crm_sidebar+#content { flex: 1; min-width: 0; } /* 3) CRM alignment/colors */ body.lotus-theme .crm-main-content { font-family: var(--rf-font); background: var(--rf-bg); min-height: unset; } body.lotus-theme .crm-container { padding: 16px; } body.lotus-theme .crm-layout { display: block; height: auto; margin: 0; background: var(--rf-bg); overflow: visible; } body.lotus-theme .crm-layout>.crm-sidebar { display: none; } body.lotus-theme .crm-layout>.crm-main-content { min-height: unset; overflow: visible; } body.lotus-theme .crm-btn-primary, body.lotus-theme .crm-form-btn-primary { background: linear-gradient(95.99deg, #1673FF 4.75%, #10C08B 123.45%) !important; border-color: var(--rf-primary) !important; color: #fff !important; } body.lotus-theme .crm-btn-primary:hover, body.lotus-theme .crm-form-btn-primary:hover { background: linear-gradient(95.99deg, #1260D9 4.75%, #0DA577 123.45%) !important; border-color: var(--rf-primary-dark) !important; } body.lotus-theme .crm-stat-link { color: var(--rf-primary) !important; } body.lotus-theme .crm-stat-link:hover { color: var(--rf-primary-dark) !important; } body.lotus-theme .crm-badge-primary, body.lotus-theme .crm-tag-primary { background: var(--rf-primary-light) !important; color: var(--rf-primary-dark) !important; } body.lotus-theme .crm-main-content a:hover, body.lotus-theme .crm-container a:hover { color: var(--rf-blue); text-decoration: none; } body.lotus-theme .crm-input:focus, body.lotus-theme .crm-select:focus, body.lotus-theme .crm-textarea:focus { border-color: var(--rf-primary) !important; box-shadow: 0 0 0 3px rgba(45, 183, 163, 0.18) !important; outline: none !important; } body.lotus-theme .crm-pagination a.current, body.lotus-theme .crm-pagination span.current { background: var(--rf-primary) !important; border-color: var(--rf-primary) !important; color: #ffffff !important; } body.lotus-theme .crm-pagination a:hover { border-color: var(--rf-primary) !important; color: var(--rf-primary) !important; } body.lotus-theme .crm-pipeline-stage-header { background: var(--rf-bg) !important; border-bottom-color: var(--rf-border) !important; } body.lotus-theme .crm-card { border: 1px solid var(--rf-border); box-shadow: var(--rf-shadow-sm); border-radius: var(--rf-radius); } body.lotus-theme .crm-card-header { border-bottom: 1px solid var(--rf-border); font-family: var(--rf-font); color: var(--rf-text-h); } body.lotus-theme .crm-table th { background: var(--rf-bg) !important; color: var(--rf-text-muted) !important; font-family: var(--rf-font) !important; font-size: 12px !important; font-weight: 600 !important; border-bottom: 2px solid var(--rf-border) !important; } body.lotus-theme .crm-table td { border-bottom: 1px solid var(--rf-border) !important; font-family: var(--rf-font) !important; color: var(--rf-text) !important; } body.lotus-theme .crm-table tr:hover td { background: var(--rf-primary-light) !important; } body.lotus-theme .crm-page-title { font-family: var(--rf-font); font-size: 22px; font-weight: 700; color: var(--rf-text-h); } body.lotus-theme .crm-alert-success { background: var(--rf-success-light); border-color: var(--rf-success); color: #166534; font-family: var(--rf-font); } body.lotus-theme .crm-alert-danger { background: var(--rf-danger-light); border-color: var(--rf-danger); color: #991b1b; font-family: var(--rf-font); } body.lotus-theme .crm-filter-buttons .crm-filter-btn, body.lotus-theme .crm-filter-buttons .crm-filter-btn-clear { background: #48b6a3 !important; color: #fff !important; } body.lotus-theme .crm-filter-buttons .crm-filter-btn:hover, body.lotus-theme .crm-filter-buttons .crm-filter-btn-clear:hover { background: var(--rf-primary-dark) !important; text-decoration: none; } body.lotus-theme .crm-filter-buttons .crm-filter-btn-clear:hover { border: 1px solid var(--crm-border) !important; } /* ================================================================ GANTT PLUGIN — LOTUS THEME COMPATIBILITY ================================================================ */ /* 1) Token mapping */ body.lotus-theme #rf-gantt-app { --rf-gantt-primary: var(--rf-primary); --rf-gantt-primary-hover: var(--rf-primary-dark); --rf-gantt-bg: var(--rf-bg); --rf-gantt-surface: var(--rf-white); --rf-gantt-border: var(--rf-border); --rf-gantt-border-light: #eef2f7; --rf-gantt-text: var(--rf-text-h); --rf-gantt-text-muted: var(--rf-text-muted); --rf-gantt-row-hover: var(--rf-primary-light); --rf-gantt-grid-line: #e8edf4; --rf-gantt-weekend-bg: #f7fafc; --rf-gantt-row-alt: #fbfcfe; font-family: var(--rf-font) !important; background: var(--rf-white); border-color: var(--rf-border); border-radius: var(--rf-radius-md); box-shadow: var(--rf-shadow-sm); } body.lotus-theme #rf-gantt-app { height: calc(100vh - var(--rf-topbar-h) - 96px); min-height: 520px; } /* 2) Toolbar/controls */ body.lotus-theme #rf-gantt-app .rf-gantt-toolbar { background: linear-gradient(to bottom, #ffffff, #f8fbfa); border-bottom-color: var(--rf-border); } body.lotus-theme #rf-gantt-app .rf-gantt-toolbar__brand { color: var(--rf-text-h); font-family: var(--rf-font); } body.lotus-theme #rf-gantt-app .rf-gantt-btn, body.lotus-theme #rf-gantt-app .rf-gantt-icon-btn, body.lotus-theme #rf-gantt-app .rf-gantt-select, body.lotus-theme #rf-gantt-app .rf-gantt-search, body.lotus-theme #rf-gantt-app .rf-gantt-date-range { font-family: var(--rf-font) !important; } body.lotus-theme #rf-gantt-app .rf-gantt-select:focus, body.lotus-theme #rf-gantt-app .rf-gantt-search:focus, body.lotus-theme #rf-gantt-app .rf-gantt-date-range:focus { border-color: var(--rf-primary) !important; box-shadow: 0 0 0 2px rgba(45, 183, 163, 0.16) !important; } /* 3) Panels/grid */ body.lotus-theme #rf-gantt-app .rf-gantt-left, body.lotus-theme #rf-gantt-app .rf-gantt-right, body.lotus-theme #rf-gantt-app .rf-gantt-unversioned, body.lotus-theme #rf-gantt-app .rf-gantt-settings-panel { border-color: var(--rf-border); background: var(--rf-white); } body.lotus-theme #rf-gantt-app .rf-gantt-left__header, body.lotus-theme #rf-gantt-app .rf-gantt-timeline-header { background: #f9fbfc; border-bottom-color: var(--rf-border); } body.lotus-theme #rf-gantt-app .rf-gantt-left__row:hover, body.lotus-theme #rf-gantt-app .rf-gantt-bar-row:hover { background: var(--rf-primary-light); } body.lotus-theme #rf-gantt-app .rf-gantt-panel-splitter:hover, body.lotus-theme #rf-gantt-app .rf-gantt-panel-splitter.dragging { background: var(--rf-primary); } /* 4) Hardcoded blue overrides */ body.lotus-theme #rf-gantt-app .rf-gantt-btn--primary, body.lotus-theme #rf-gantt-app .rf-gantt-zoom-btn--active, body.lotus-theme #rf-gantt-app .rf-gantt-display-btn--active, body.lotus-theme #rf-gantt-app .rf-gantt-zoom-btn:hover, body.lotus-theme #rf-gantt-app .rf-gantt-display-btn:hover { background: var(--rf-primary) !important; border-color: var(--rf-primary) !important; } body.lotus-theme #rf-gantt-app .rf-gantt-btn--primary:hover { background: var(--rf-primary-dark) !important; border-color: var(--rf-primary-dark) !important; } body.lotus-theme #rf-gantt-app .rf-gantt-btn--primary:focus, body.lotus-theme #rf-gantt-app .rf-gantt-icon-btn:focus, body.lotus-theme #rf-gantt-app .rf-gantt-header-add-btn:focus { box-shadow: 0 0 0 2px rgba(45, 183, 163, 0.16) !important; } body.lotus-theme #rf-gantt-app .rf-gantt-selected, body.lotus-theme #rf-gantt-app .rf-gantt-row--selected, body.lotus-theme #rf-gantt-app .rf-gantt-left__row--selected { box-shadow: inset 3px 0 0 var(--rf-primary) !important; } /* 5) Modal/tooltip/toast */ body.lotus-theme #rf-gantt-app .rf-gantt-modal, body.lotus-theme #rf-gantt-app .rf-gantt-tooltip, body.lotus-theme #rf-gantt-app .rf-gantt-toast { border-radius: var(--rf-radius); border-color: var(--rf-border); font-family: var(--rf-font); } body.lotus-theme #rf-gantt-app .rf-gantt-modal__header, body.lotus-theme #rf-gantt-app .rf-gantt-settings-panel__header { background: #f8fbfa; border-bottom-color: var(--rf-border); } /* ================================================================ LOTUS THEME — PLUGIN COMPATIBILITY BUNDLE File: redmineflux_lotus/assets/stylesheets/plugin.css Includes: CRM + Gantt plugin compatibility rules. ================================================================ */ /* ================================================================ CRM PLUGIN — LOTUS THEME COMPATIBILITY ================================================================ */ /* ---------------------------------------------------------------- 1. NEUTRALIZE CRM'S GLOBAL #sidebar OVERRIDES ---------------------------------------------------------------- */ body.lotus-theme.controller-crm_dashboard #sidebar, body.lotus-theme.controller-contacts #sidebar, body.lotus-theme.controller-companies #sidebar, body.lotus-theme.controller-deals #sidebar, body.lotus-theme.controller-leads #sidebar, body.lotus-theme.controller-crm_reports #sidebar, body.lotus-theme.controller-crm_audit_logs #sidebar, body.lotus-theme.controller-crm_activities #sidebar, body.lotus-theme.controller-crm_issue_links #sidebar { width: var(--rf-sidebar-w) !important; background: var(--rf-white) !important; border-right: none !important; padding-left: 0 !important; padding-right: 0 !important; box-shadow: none !important; order: unset !important; flex-shrink: unset !important; } body.lotus-theme.rf_sidebar_collapsed.controller-crm_dashboard #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-contacts #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-companies #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-deals #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-leads #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-crm_reports #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-crm_audit_logs #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-crm_activities #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-crm_issue_links #sidebar { width: var(--rf-sidebar-col-w) !important; } /* ---------------------------------------------------------------- 2. CRM SIDEBAR — MOVED INTO #main BY plugin.js ---------------------------------------------------------------- */ body.lotus-theme #main.rf_has_crm_sidebar { display: flex; flex-direction: row; align-items: stretch; } body.lotus-theme #main.rf_has_crm_sidebar>#rf_crm_sidebar { width: 100px; min-width: 100px; padding: 16px 0; background: var(--rf-primary-light); border-right: 1px solid var(--rf-border); } body.lotus-theme #main.rf_has_crm_sidebar>#rf_crm_sidebar .crm-sidebar-nav { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 100%; padding: 0; margin: 0; } body.lotus-theme #main.rf_has_crm_sidebar>#rf_crm_sidebar .crm-sidebar-item { width: 70px; height: 70px; font-size: 11px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: var(--rf-radius); padding: 0; margin: 0; color: var(--rf-text-muted); text-decoration: none; transition: background-color var(--rf-transition), color var(--rf-transition); position: relative; } body.lotus-theme #main.rf_has_crm_sidebar>#rf_crm_sidebar .crm-sidebar-item i { font-size: 18px; color: var(--rf-text-muted); transition: color var(--rf-transition); font-weight: 400; } body.lotus-theme #main.rf_has_crm_sidebar>#rf_crm_sidebar .crm-sidebar-item:hover { background-color: var(--rf-bg); text-decoration: none; } body.lotus-theme #main.rf_has_crm_sidebar>#rf_crm_sidebar .crm-sidebar-item:hover i { color: var(--rf-primary); } body.lotus-theme #main.rf_has_crm_sidebar>#rf_crm_sidebar .crm-sidebar-item.active { background-color: var(--rf-primary); } body.lotus-theme #main.rf_has_crm_sidebar>#rf_crm_sidebar .crm-sidebar-item.active i { color: #ffffff; } body.lotus-theme #main.rf_has_crm_sidebar>#rf_crm_sidebar+#content { flex: 1; min-width: 0; } /* ---------------------------------------------------------------- 3. CRM MAIN CONTENT / COLORS ---------------------------------------------------------------- */ body.lotus-theme .crm-main-content { font-family: var(--rf-font); background: var(--rf-bg); min-height: unset; } body.lotus-theme .crm-container { padding: 16px; } body.lotus-theme .crm-layout { display: block; height: auto; margin: 0; background: var(--rf-bg); overflow: visible; } body.lotus-theme .crm-layout>.crm-sidebar { display: none; } body.lotus-theme .crm-layout>.crm-main-content { min-height: unset; overflow: visible; } body.lotus-theme .crm-btn-primary, body.lotus-theme .crm-form-btn-primary { background: linear-gradient(95.99deg, #1673FF 4.75%, #10C08B 123.45%) !important; border-color: var(--rf-primary) !important; color: #fff !important; } body.lotus-theme .crm-btn-primary:hover, body.lotus-theme .crm-form-btn-primary:hover { background: linear-gradient(95.99deg, #1260D9 4.75%, #0DA577 123.45%) !important; border-color: var(--rf-primary-dark) !important; } body.lotus-theme .crm-stat-link { color: var(--rf-primary) !important; } body.lotus-theme .crm-stat-link:hover { color: var(--rf-primary-dark) !important; } body.lotus-theme .crm-badge-primary, body.lotus-theme .crm-tag-primary { background: var(--rf-primary-light) !important; color: var(--rf-primary-dark) !important; } body.lotus-theme .crm-main-content a, body.lotus-theme .crm-container a, body.lotus-theme .crm-main-content a:hover, body.lotus-theme .crm-container a:hover { color: var(--rf-blue); text-decoration: none; } body.lotus-theme .crm-input:focus, body.lotus-theme .crm-select:focus, body.lotus-theme .crm-textarea:focus { border-color: var(--rf-primary) !important; box-shadow: 0 0 0 3px rgba(45, 183, 163, 0.18) !important; outline: none !important; } body.lotus-theme .crm-pagination a.current, body.lotus-theme .crm-pagination span.current { background: var(--rf-primary) !important; border-color: var(--rf-primary) !important; color: #ffffff !important; } body.lotus-theme .crm-pagination a:hover { border-color: var(--rf-primary) !important; color: var(--rf-primary) !important; } body.lotus-theme .crm-pipeline-stage-header { background: var(--rf-bg) !important; border-bottom-color: var(--rf-border) !important; } body.lotus-theme .crm-card { border: 1px solid var(--rf-border); box-shadow: var(--rf-shadow-sm); border-radius: var(--rf-radius); } body.lotus-theme .crm-card-header { border-bottom: 1px solid var(--rf-border); font-family: var(--rf-font); color: var(--rf-text-h); } body.lotus-theme .crm-table th { background: var(--rf-bg) !important; color: var(--rf-text-muted) !important; font-family: var(--rf-font) !important; font-size: 12px !important; font-weight: 600 !important; border-bottom: 2px solid var(--rf-border) !important; } body.lotus-theme .crm-table td { border-bottom: 1px solid var(--rf-border) !important; font-family: var(--rf-font) !important; color: var(--rf-text) !important; } body.lotus-theme .crm-table tr:hover td { background: var(--rf-primary-light) !important; } body.lotus-theme .crm-page-title { font-family: var(--rf-font); font-size: 22px; font-weight: 700; color: var(--rf-text-h); } body.lotus-theme .crm-alert-success { background: var(--rf-success-light); border-color: var(--rf-success); color: #166534; font-family: var(--rf-font); } body.lotus-theme .crm-alert-danger { background: var(--rf-danger-light); border-color: var(--rf-danger); color: #991b1b; font-family: var(--rf-font); } body.lotus-theme .crm-filter-buttons .crm-filter-btn, body.lotus-theme .crm-filter-buttons .crm-filter-btn-clear { background: #48b6a3 !important; color: #fff !important; } body.lotus-theme .crm-filter-buttons .crm-filter-btn:hover, body.lotus-theme .crm-filter-buttons .crm-filter-btn-clear:hover { background: var(--rf-primary-dark) !important; text-decoration: none; } body.lotus-theme .crm-filter-buttons .crm-filter-btn-clear:hover { border: 1px solid var(--crm-border) !important; } /* ================================================================ GANTT PLUGIN — LOTUS THEME COMPATIBILITY ================================================================ */ body.lotus-theme #rf-gantt-app { --rf-gantt-primary: var(--rf-primary); --rf-gantt-primary-hover: var(--rf-primary-dark); --rf-gantt-bg: var(--rf-bg); --rf-gantt-surface: var(--rf-white); --rf-gantt-border: var(--rf-border); --rf-gantt-border-light: #eef2f7; --rf-gantt-text: var(--rf-text-h); --rf-gantt-text-muted: var(--rf-text-muted); --rf-gantt-row-hover: var(--rf-primary-light); --rf-gantt-grid-line: #e8edf4; --rf-gantt-weekend-bg: #f7fafc; --rf-gantt-row-alt: #fbfcfe; font-family: var(--rf-font) !important; background: var(--rf-white); border-color: var(--rf-border); border-radius: var(--rf-radius-md); box-shadow: var(--rf-shadow-sm); } body.lotus-theme #rf-gantt-app { height: calc(100vh - var(--rf-topbar-h) - 96px); min-height: 520px; } body.lotus-theme #rf-gantt-app .rf-gantt-toolbar { background: linear-gradient(to bottom, #ffffff, #f8fbfa); border-bottom-color: var(--rf-border); } body.lotus-theme #rf-gantt-app .rf-gantt-toolbar__brand { color: var(--rf-text-h); font-family: var(--rf-font); } body.lotus-theme #rf-gantt-app .rf-gantt-btn, body.lotus-theme #rf-gantt-app .rf-gantt-icon-btn, body.lotus-theme #rf-gantt-app .rf-gantt-select, body.lotus-theme #rf-gantt-app .rf-gantt-search, body.lotus-theme #rf-gantt-app .rf-gantt-date-range { font-family: var(--rf-font) !important; } body.lotus-theme #rf-gantt-app .rf-gantt-select:focus, body.lotus-theme #rf-gantt-app .rf-gantt-search:focus, body.lotus-theme #rf-gantt-app .rf-gantt-date-range:focus { border-color: var(--rf-primary) !important; box-shadow: 0 0 0 2px rgba(45, 183, 163, 0.16) !important; } body.lotus-theme #rf-gantt-app .rf-gantt-left, body.lotus-theme #rf-gantt-app .rf-gantt-right, body.lotus-theme #rf-gantt-app .rf-gantt-unversioned, body.lotus-theme #rf-gantt-app .rf-gantt-settings-panel { border-color: var(--rf-border); background: var(--rf-white); } body.lotus-theme #rf-gantt-app .rf-gantt-left__header, body.lotus-theme #rf-gantt-app .rf-gantt-timeline-header { background: #f9fbfc; border-bottom-color: var(--rf-border); } body.lotus-theme #rf-gantt-app .rf-gantt-left__row:hover, body.lotus-theme #rf-gantt-app .rf-gantt-bar-row:hover { background: var(--rf-primary-light); } body.lotus-theme #rf-gantt-app .rf-gantt-panel-splitter:hover, body.lotus-theme #rf-gantt-app .rf-gantt-panel-splitter.dragging { background: var(--rf-primary); } body.lotus-theme #rf-gantt-app .rf-gantt-btn--primary, body.lotus-theme #rf-gantt-app .rf-gantt-zoom-btn--active, body.lotus-theme #rf-gantt-app .rf-gantt-display-btn--active, body.lotus-theme #rf-gantt-app .rf-gantt-zoom-btn:hover, body.lotus-theme #rf-gantt-app .rf-gantt-display-btn:hover { background: linear-gradient(95.99deg, #1673FF 4.75%, #10C08B 123.45%) !important; color: white; } body.lotus-theme #rf-gantt-app .rf-gantt-btn--primary:hover { background: linear-gradient(95.99deg, #1260D9 4.75%, #0DA577 123.45%) !important; } body.lotus-theme .rf-gantt-btn, body.lotus-theme .rf-gantt-icon-btn, body.lotus-theme .rf-gantt-select, body.lotus-theme .rf-gantt-date-range, body.lotus-theme .rf-gantt-search { height: 32px !important; } body.lotus-theme #rf-gantt-app .rf-gantt-btn--primary:focus, body.lotus-theme #rf-gantt-app .rf-gantt-icon-btn:focus, body.lotus-theme #rf-gantt-app .rf-gantt-header-add-btn:focus { box-shadow: 0 0 0 2px rgba(45, 183, 163, 0.16) !important; } body.lotus-theme #rf-gantt-app .rf-gantt-selected, body.lotus-theme #rf-gantt-app .rf-gantt-row--selected, body.lotus-theme #rf-gantt-app .rf-gantt-left__row--selected { box-shadow: inset 3px 0 0 var(--rf-primary) !important; } body.lotus-theme #rf-gantt-app .rf-gantt-modal, body.lotus-theme #rf-gantt-app .rf-gantt-tooltip, body.lotus-theme #rf-gantt-app .rf-gantt-toast { border-radius: var(--rf-radius); border-color: var(--rf-border); font-family: var(--rf-font); } body.lotus-theme #rf-gantt-app .rf-gantt-modal__header, body.lotus-theme #rf-gantt-app .rf-gantt-settings-panel__header { background: #f8fbfa; border-bottom-color: var(--rf-border); } body.lotus-theme #rf-gantt-add-release.rf-gantt-btn--primary, body.lotus-theme .rf-gantt-header-add-btn, body.lotus-theme .rf-gantt-left__add-issue-inline { background: linear-gradient(95.99deg, #1673FF 4.75%, #10C08B 123.45%) !important; } body.lotus-theme #rf-gantt-add-release.rf-gantt-btn--primary:hover, body.lotus-theme .rf-gantt-header-add-btn:hover, body.lotus-theme .rf-gantt-left__add-issue-inline:hover { background: linear-gradient(95.99deg, #1260D9 4.75%, #0DA577 123.45%) !important; border-color: var(--rf-primary-dark) !important; } /* ================================================================ HELPDESK PLUGIN — LOTUS THEME COMPATIBILITY ================================================================ */ #tab-content-canned_responses>div.contextual { margin-top: -12px; } /* ---------------------------------------------------------------- HELPDESK – SIDEBAR MOVED INTO #main ---------------------------------------------------------------- */ #content>table>tbody>tr>td>a.icon.icon-history { padding-left: 18px; } /* ---------------------------------------------------------------- HISTORY ICON — custom SVG for all icon-history links ---------------------------------------------------------------- */ body.lotus-theme a.icon.icon-history, body.lotus-theme a.icon-history { background-image: url("/assets/plugin_assets/redmineflux_lotus/history-38d7bce4.svg") !important; background-repeat: no-repeat; background-position: 0 center; background-size: 16px 16px; padding-left: 20px; } body.lotus-theme #main.rf_has_hd_sidebar { display: flex; flex-direction: row; align-items: stretch; } body.lotus-theme #main.rf_has_hd_sidebar>#rf_helpdesk_sidebar { height: calc(100vh - 40px); display: flex; flex-direction: column; align-items: center; width: 70px; min-width: 70px; padding: 16px 0; background: var(--rf-primary-light); border-right: 1px solid var(--rf-border); } body.lotus-theme #main.rf_has_hd_sidebar>#rf_helpdesk_sidebar .sidebar_helpdesk { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 8px; margin: 0; transition: background-color var(--rf-transition); } body.lotus-theme #main.rf_has_hd_sidebar>#rf_helpdesk_sidebar .sidebar_helpdesk:hover { background-color: var(--rf-bg); } body.lotus-theme #main.rf_has_hd_sidebar>#rf_helpdesk_sidebar .sidebar_helpdesk.selected { background-color: var(--rf-primary-light); } body.lotus-theme #main.rf_has_hd_sidebar>#rf_helpdesk_sidebar+#content { flex: 1; min-width: 0; } /* 1) Neutralize Helpdesk plugin #sidebar overrides */ body.lotus-theme.controller-rf_helpdesk #sidebar, body.lotus-theme.controller-rf_helpdesk_issues #sidebar, body.lotus-theme.controller-rf_customers #sidebar, body.lotus-theme.controller-rf_organizations #sidebar, body.lotus-theme.controller-rf_holidays #sidebar, body.lotus-theme.controller-rf_slas #sidebar, body.lotus-theme.controller-rf_support_levels #sidebar, body.lotus-theme.controller-rf_canned_responses #sidebar, body.lotus-theme.controller-rf_project_helpdesk #sidebar, body.lotus-theme.controller-rf_project_helpdesk_issues #sidebar, body.lotus-theme.controller-rf_email_histories #sidebar { width: var(--rf-sidebar-w) !important; padding-left: 0 !important; padding-right: 0 !important; background: var(--rf-white) !important; box-shadow: none !important; border-radius: 0 !important; } body.lotus-theme.rf_sidebar_collapsed.controller-rf_helpdesk #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-rf_helpdesk_issues #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-rf_customers #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-rf_organizations #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-rf_holidays #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-rf_slas #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-rf_support_levels #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-rf_canned_responses #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-rf_project_helpdesk #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-rf_project_helpdesk_issues #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-rf_email_histories #sidebar { width: var(--rf-sidebar-col-w) !important; } /* 2) Helpdesk sidebar moved into #main — override hardcoded blue */ body.lotus-theme #main.rf_has_hd_sidebar { display: flex; flex-direction: row; align-items: stretch; } body.lotus-theme #main.rf_has_hd_sidebar>#rf_helpdesk_sidebar .sidebar_helpdesk i { font-size: 18px; color: var(--rf-text-muted); transition: color var(--rf-transition); font-weight: 400; } body.lotus-theme #main.rf_has_hd_sidebar>#rf_helpdesk_sidebar .sidebar_helpdesk:hover { background-color: var(--rf-bg); text-decoration: none; } body.lotus-theme #main.rf_has_hd_sidebar>#rf_helpdesk_sidebar .sidebar_helpdesk:hover i { color: var(--rf-primary); } body.lotus-theme #main.rf_has_hd_sidebar>#rf_helpdesk_sidebar .sidebar_helpdesk.selected { background-color: var(--rf-primary); } body.lotus-theme #main.rf_has_hd_sidebar>#rf_helpdesk_sidebar .sidebar_helpdesk.selected i { color: #ffffff; } body.lotus-theme #main.rf_has_hd_sidebar>#rf_helpdesk_sidebar+#content { flex: 1; min-width: 0; } /* 3) Helpdesk button icons — Lotus color update */ body.lotus-theme #main.rf_has_hd_sidebar #rf_helpdesk_sidebar>.sidebar_helpdesk>a { filter: brightness(0.5); } body.lotus-theme #main.rf_has_hd_sidebar .sidebar_helpdesk.selected a { background-color: #2db7a300 !important; filter: brightness(0) invert(1) !important; } body.lotus-theme.controller-rf_project_helpdesk.action-knowledgebase button#toggle-btn { margin-left: 240px; } body.lotus-theme.controller-rf_project_helpdesk.action-knowledgebase .page-container { height: calc(100vh - 40px); } /* ================================================================ KNOWLEDGEBASE PLUGIN — LOTUS THEME COMPATIBILITY ================================================================ */ #tab-content-Templates>div.kb-templates-section>table>tbody>tr>td.buttons.knowledgebase_template_actions>a { padding: 4px 8px 4px 20px; font-size: 0px; height: 15px; display: inline-block; } a.icon.plus_icon.add_knowledgebase_template { background: linear-gradient(95.99deg, #1673FF 4.75%, #10C08B 123.45%) !important; color: var(--rf-white) !important; display: inline-flex; align-items: center; gap: 5px; padding: 6px 12px !important; height: 40px; border-radius: var(--rf-radius) !important; font-size: 13px !important; font-weight: 500 !important; border: 1px solid var(--rf-border) !important; } a.icon.plus_icon.add_knowledgebase_template::before { content: ''; display: inline-block; width: 16px; height: 16px; background: url("/assets/plugin_assets/redmineflux_lotus/plus-d08c3110.svg") no-repeat center center; background-size: contain; vertical-align: middle; } a.icon.plus_icon.add_knowledgebase_template:hover{ background: linear-gradient(95.99deg, #1260D9 4.75%, #0DA577 123.45%) !important; color: var(--rf-white) !important; } .controller-rf_knowledgebase input.kb-btn-submit, .controller-rf_knowledgebase_nodes input.kb-btn-submit, body.lotus-theme a.rf-btn.rf-btn-primary { background: linear-gradient(95.99deg, #1673FF 4.75%, #10C08B 123.45%) !important; color: var(--rf-white) !important; border: none !important; } .controller-rf_knowledgebase input.kb-btn-submit:hover, .controller-rf_knowledgebase_nodes input.kb-btn-submit:hover, body.lotus-theme a.rf-btn.rf-btn-primary:hover { background: linear-gradient(95.99deg, #1260D9 4.75%, #0DA577 123.45%) !important; color: var(--rf-white) !important; } body.lotus-theme .kb-btn-cancel { border: 1px solid #E1E6ED !important } .controller-rf_knowledgebase input.kb-btn-submit, .controller-rf_knowledgebase_nodes input.kb-btn-submit { height: 38px !important; margin-top: 2px; } /* 1) KB sidebar moved into #main — layout */ body.lotus-theme .flux-content { max-height: 650px; } body.lotus-theme #main.rf_has_kb_sidebar { display: flex; flex-direction: row; align-items: stretch; min-height: calc(100vh - 90px); } body.lotus-theme #main.rf_has_kb_sidebar>#rf_kb_sidebar { width: 240px; min-width: 240px; flex-shrink: 0; background: var(--rf-primary-light); border-right: 1px solid var(--rf-border); overflow-y: auto; box-sizing: border-box; padding: 12px 0; font-family: var(--rf-font); } body.lotus-theme #main.rf_has_kb_sidebar>#rf_kb_sidebar+#content { flex: 1; min-width: 0; border-left: none; padding-bottom: 10px !important; } body.lotus-theme .kb-dropdown-menu a.icon { padding: 4px 8px 4px 28px !important; } /* Remove left border override on content (now handled by #rf_kb_sidebar border-right) */ body.lotus-theme.controller-rf_knowledgebase #content, body.lotus-theme.controller-rf_knowledgebase_nodes #content, body.lotus-theme.controller-rf_knowledgebase_spaces #content, body.lotus-theme.controller-rf_knowledgebase_pages #content { border-left: none; } /* 2) KB sidebar header + font */ body.lotus-theme #rf_kb_sidebar .kb-sidebar { font-family: var(--rf-font); padding-right: 0; } body.lotus-theme #rf_kb_sidebar .kb-sidebar-header { border-bottom-color: var(--rf-border); padding: 10px 12px; } /* 3) Space/folder/page tabs */ /* body.lotus-theme #rf_kb_sidebar .kb-space-header, body.lotus-theme #rf_kb_sidebar .kb-folder-header, body.lotus-theme #rf_kb_sidebar .kb-page-link, body.lotus-theme #rf_kb_sidebar .kb-page-item>a { color: var(--rf-text-h); border-radius: var(--rf-radius); transition: background-color var(--rf-transition), color var(--rf-transition); } */ body.lotus-theme #rf_kb_sidebar .kb-space-header:hover, body.lotus-theme #rf_kb_sidebar .kb-folder-header:hover, body.lotus-theme #rf_kb_sidebar li.kb-page-item:hover, body.lotus-theme #rf_kb_sidebar .kb-page-link:hover { background: var(--rf-bg); color: var(--rf-primary); } /* body.lotus-theme #rf_kb_sidebar .kb-space-item.current .kb-space-header, body.lotus-theme #rf_kb_sidebar .kb-folder-item.current>.kb-folder-header, body.lotus-theme #rf_kb_sidebar .kb-page-item.current>.kb-page-link, body.lotus-theme #rf_kb_sidebar .kb-page-link.current, body.lotus-theme #rf_kb_sidebar .kb-page-item.current { background: var(--rf-primary-light); color: var(--rf-primary); } */ /* 4) Sidebar icons */ body.lotus-theme #rf_kb_sidebar .kb-space-toggle, body.lotus-theme #rf_kb_sidebar .space-icon, body.lotus-theme #rf_kb_sidebar .kb-folder-toggle, body.lotus-theme #rf_kb_sidebar .kb-folder-icon, body.lotus-theme #rf_kb_sidebar .kb-page-link:before { opacity: 0.75; } body.lotus-theme #rf_kb_sidebar .kb-space-header:hover .kb-space-toggle, body.lotus-theme #rf_kb_sidebar .kb-space-header:hover .space-icon, body.lotus-theme #rf_kb_sidebar .kb-folder-header:hover .kb-folder-toggle, body.lotus-theme #rf_kb_sidebar .kb-folder-header:hover .kb-folder-icon, body.lotus-theme #rf_kb_sidebar .kb-page-link:hover:before, body.lotus-theme #rf_kb_sidebar .kb-space-item.current .kb-space-toggle, body.lotus-theme #rf_kb_sidebar .kb-space-item.current .space-icon, body.lotus-theme #rf_kb_sidebar .kb-folder-item.current>.kb-folder-header .kb-folder-toggle, body.lotus-theme #rf_kb_sidebar .kb-folder-item.current>.kb-folder-header .kb-folder-icon, body.lotus-theme #rf_kb_sidebar .kb-page-item.current>.kb-page-link:before, body.lotus-theme #rf_kb_sidebar .kb-page-link.current:before { opacity: 1; } /* 5) New space button + tree separators */ body.lotus-theme #rf_kb_sidebar .kb-new-space-btn { border-color: var(--rf-primary); color: var(--rf-text-muted); border-radius: var(--rf-radius); margin: 0 12px 8px; width: calc(100% - 24px); } body.lotus-theme #rf_kb_sidebar .kb-new-space-btn:hover { background: var(--rf-bg); border-color: var(--rf-primary); color: var(--rf-primary); } body.lotus-theme #rf_kb_sidebar .kb-space-content, body.lotus-theme #rf_kb_sidebar .kb-folder-children { border-left-color: var(--rf-border); } body.lotus-theme #rf_kb_sidebar .kb-sidebar-content { max-height: calc(100vh - var(--rf-topbar-h) - 80px); overflow-y: auto; } /* 6) KB sidebar resizer handle */ body.lotus-theme .rf-kb-resizer { width: 6px; flex-shrink: 0; cursor: col-resize; background: transparent; margin-left: -1px; position: relative; z-index: 10; transition: background-color 0.15s ease; } body.lotus-theme .rf-kb-resizer::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2px; height: 36px; border-radius: 2px; background: var(--rf-border); transition: background-color 0.15s ease, opacity 0.15s ease; opacity: 0.6; } body.lotus-theme .rf-kb-resizer:hover::after, body.lotus-theme .rf-kb-resizer.rf-kb-resizer--active::after { background: var(--rf-primary); opacity: 1; } body.lotus-theme .rf-kb-resizer:hover, body.lotus-theme .rf-kb-resizer.rf-kb-resizer--active { background: rgba(45, 183, 163, 0.08); } body.lotus-theme.rf-kb-resizing { cursor: col-resize !important; user-select: none !important; -webkit-user-select: none !important; } body.lotus-theme.rf-kb-resizing * { cursor: col-resize !important; pointer-events: none; } body.lotus-theme.rf-kb-resizing .rf-kb-resizer { pointer-events: auto; } /* ================================================================ TESTCASE MANAGEMENT PLUGIN — LOTUS THEME COMPATIBILITY ================================================================ */ input#create-btn { height: 39px !important; } /* 1) Neutralize testcase plugin #sidebar overrides */ body.lotus-theme.controller-testcases #sidebar, body.lotus-theme.controller-test_suites #sidebar, body.lotus-theme.controller-runs #sidebar, body.lotus-theme.controller-requirements #sidebar, body.lotus-theme.controller-testcase_reports #sidebar, body.lotus-theme.controller-testcase_activities #sidebar { width: var(--rf-sidebar-w) !important; background: var(--rf-white) !important; border: none !important; padding: 0 !important; box-shadow: none !important; } body.lotus-theme.rf_sidebar_collapsed.controller-testcases #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-test_suites #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-runs #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-requirements #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-testcase_reports #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-testcase_activities #sidebar { width: var(--rf-sidebar-col-w) !important; } /* 2) Button colors — remap #0094FF blue to Lotus teal */ body.lotus-theme div#new-run-btn { margin-top: 5px; } body.lotus-theme .contextual #new_milestone_btn, body.lotus-theme .contextual #new_testplan_btn, body.lotus-theme .contextual #new_environment_btn { line-height: 2; } body.lotus-theme .new-testsuite-modal .testsuite-modal-btn .cancel-btn, body.lotus-theme .edit_testsuite-modal button#close-testsuite-edit-modal { line-height: 0; } body.lotus-theme a.icon.icon-add.new-report { background-color: var(--rf-primary) !important; color: var(--rf-white) !important; } body.lotus-theme a.icon.icon-add.new-report:hover { background-color: var(--rf-primary-dark) !important; } body.lotus-theme button.report_run_button, body.lotus-theme input.report_run_button { background: var(--rf-primary) !important; border-color: var(--rf-primary) !important; color: var(--rf-white) !important; } body.lotus-theme button.report_run_button:hover, body.lotus-theme input.report_run_button:hover { background-color: var(--rf-primary-dark) !important; border-color: var(--rf-primary-dark) !important; } /* 3) Form elements — update active state color */ body.lotus-theme .controller-testcase_reports input[type="submit"], body.lotus-theme .controller-testcase_reports button[type="submit"], body.lotus-theme .controller-runs input[type="submit"], body.lotus-theme .controller-runs button[type="submit"] { background: var(--rf-primary) !important; border-color: var(--rf-primary) !important; color: var(--rf-white) !important; } body.lotus-theme .controller-testcase_reports input[type="submit"]:hover, body.lotus-theme .controller-testcase_reports button[type="submit"]:hover, body.lotus-theme .controller-runs input[type="submit"]:hover, body.lotus-theme .controller-runs button[type="submit"]:hover { background-color: var(--rf-primary-dark) !important; border-color: var(--rf-primary-dark) !important; } /* 4) Move rf_sb_core_section to left sidebar — layout structure (HELPDESK PATTERN) */ body.lotus-theme #main.rf_has_tc_sidebar { display: flex; flex-direction: row; align-items: stretch; } body.lotus-theme #main.rf_has_tc_sidebar>#rf_tc_sidebar { /* height: calc(100vh - 40px); */ display: flex; flex-direction: column; align-items: center; width: 52px; min-width: 52px; /* padding: 16px 0; */ background: var(--rf-primary-light); border-right: 1px solid var(--rf-border); } body.lotus-theme #main.rf_has_tc_sidebar>#rf_tc_sidebar .rf_sb_item { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 8px; margin: 0; transition: background-color var(--rf-transition); } body.lotus-theme #main.rf_has_tc_sidebar>#rf_tc_sidebar .rf_sb_item:hover { background-color: var(--rf-bg); color: var(--rf-primary); } body.lotus-theme #main.rf_has_tc_sidebar>#rf_tc_sidebar .rf_sb_item.active { background-color: var(--rf-primary); color: var(--rf-white); } body.lotus-theme #main.rf_has_tc_sidebar>#rf_tc_sidebar+#content { flex: 1; min-width: 0; border-top-left-radius: 0px; } /* 5) Testcase sidebar icons — Lotus colors */ body.lotus-theme .sidebar_images { margin-left: 0px; } body.lotus-theme #main.rf_has_tc_sidebar>#rf_tc_sidebar .rf_sb_item i { font-size: 18px; color: var(--rf-text-muted); transition: color var(--rf-transition); font-weight: 400; } body.lotus-theme #main.rf_has_tc_sidebar>#rf_tc_sidebar .rf_sb_item:hover i { color: var(--rf-primary); } body.lotus-theme #main.rf_has_tc_sidebar>#rf_tc_sidebar .rf_sb_item.active i { color: #ffffff; } /* 6) Testcase sidebar section headers — hide in compact view */ body.lotus-theme.controller-runs.action-defect #sidebar, body.lotus-theme.controller-testcases.action-show #sidebar, body.lotus-theme.controller-test_suites.action-index #sidebar, body.lotus-theme.controller-runs.action-new #sidebar, body.lotus-theme.controller-runs.action-show #sidebar, body.lotus-theme.controller-test_suites.action-releases #sidebar, body.lotus-theme.controller-testcase_activities.action-index #sidebar, body.lotus-theme.controller-issue_testcase #sidebar, body.lotus-theme.controller-testcase_milestones #sidebar, body.lotus-theme.controller-testcase_todos #content { overflow-x: hidden; } body.lotus-theme.controller-testcase_todos #sidebar, body.lotus-theme.controller-testcase_reports.action-index #sidebar, body.lotus-theme.controller-testcase_reports.action-new #sidebar, body.lotus-theme.controller-testcase_reports.action-show #sidebar, body.lotus-theme.controller-testcase_reports.action-edit #sidebar, body.lotus-theme.controller-traceability_rtms.action-index #sidebar, body.lotus-theme.controller-testcase_reports.action-create #sidebar, body.lotus-theme.controller-testcase_reports.action-update #sidebar, body.lotus-theme.controller-requirements.action-index #sidebar, body.lotus-theme.controller-testcase_import.action-step1 #sidebar, body.lotus-theme.controller-testcase_import.action-step2 #sidebar, body.lotus-theme.controller-testcase_import.action-step3 #sidebar, body.lotus-theme.controller-testcase_import.action-step4 #sidebar, body.lotus-theme.controller-testplans #sidebar, body.lotus-theme.controller-testcase_environment #sidebar, body.lotus-theme.controller-testcase_import #sidebar { background: var(--rf-white) !important; } body.lotus-theme #main.rf_has_tc_sidebar>#rf_tc_sidebar .rf_sb_section_header { display: none; } /* 7) Testcase sidebar tree separators */ body.lotus-theme #main.rf_has_tc_sidebar>#rf_tc_sidebar .rf_sb_separator { height: 1px; background: var(--rf-border); margin: 8px 0; width: 30px; } body.lotus-theme .parent_calendar { height: 40px; } body.lotus-theme #content>div.version_div>form>div>button.search-submit, body.lotus-theme #content>div.testsuite-container.testsuite-flex>div.testcase_filter_div>div.search_div>form>div>button.search-submit, body.lotus-theme #content>div.search_div>form>div>button.search-submit { background: #ffffff00 !important; } body.lotus-theme a#new_test_case_link { background-position: 0px 0px !important; border-radius: var(--rf-radius) !important; margin-top: -4px; } body.lotus-theme #content>div.testsuite-container.testsuite-flex>div.testcase_filter_div>div.contextual, body.lotus-theme .testsuites-names { display: block !important; } /* Testcase search row: flex so form and filter toggle share the same line */ body.lotus-theme #content>div.testsuite-container.testsuite-flex>div.testcase_filter_div>div.search_div { display: flex; /* flex-wrap: wrap; */ align-items: center; gap: 8px; } /* Title stays full-width above the form + button row */ body.lotus-theme #content>div.testsuite-container.testsuite-flex>div.testcase_filter_div>div.search_div>h2.testcase_management-overview { flex-basis: 100%; margin-bottom: 4px; } /* Search form grows to fill available width */ body.lotus-theme #content>div.testsuite-container.testsuite-flex>div.testcase_filter_div>div.search_div>form.search-form { flex: 1 1 auto; min-width: 0; } /* Filter toggle button sits beside the search form, fixed size */ body.lotus-theme #content>div.testsuite-container.testsuite-flex>div.testcase_filter_div>div.search_div>#rf_filter_toggle { flex-shrink: 0; } .controller-test_suites.action-index #rf_filter_toggle{ margin-top: 6px; } body.lotus-theme.controller-runs .form-add-width { width: 700px; } body.lotus-theme.controller-runs span#watchers_inputs { padding: 0px; } body.lotus-theme.controller-testcase_import a.button_for_cancel { padding: 7px 21px 9px 21px !important; } body.lotus-theme.controller-requirements button#toggle-btn { margin-left: 200px; } /* Testcase sidebar toggle button position override */ body.lotus-theme .testsuite-tree[collapse="true"] button#toggle-btn-tc { left: 445px !important; } body.lotus-theme .testsuite-tree[collapse="false"] button#toggle-btn-tc { left: 265px !important; } body.lotus-theme .testsuite-tree button#toggle-btn-tc { left: 280px !important; } body.lotus-theme #testsuite-tree { margin-left: -180px; } body.lotus-theme .testsuite-tree[collapse="false"] { margin-left: -180px !important; } .testcase_filter_div #query_form_with_buttons>p.buttons { background: white !important; border: none !important; } .controller-test_suites.action-index #query_form .buttons a.icon.icon-checked, .controller-test_suites.action-index #query_form .buttons a.icon.icon-reload { padding: 6px 19px !important; margin-left: 1px !important; } .controller-test_suites.action-index div#query_form_with_buttons #query_form_content { margin-top: 4px !important; } #email_templates>table>tbody>tr>td.email_template_actions>a.icon.icon-edit, #tab-content-Testcase_Run_Types>table>tbody>tr>td>a.icon.icon-edit { background-image: url("/assets/plugin_assets/redmineflux_lotus/blue-edit-0a5d62f5.svg"); display: inline-block; text-indent: -9999px; } #email_templates>table>tbody>tr>td.email_template_actions>a.icon.icon-del, #tab-content-Testcase_Run_Types>table>tbody>tr>td>a.icon.icon-del { background-image: url("/assets/plugin_assets/redmineflux_lotus/blue-delete-d21f07e0.svg"); display: inline-block; text-indent: -9999px; } .testcase_run_type_settings { margin-bottom: 10px; } #tab-content-Testcase_Run_Types>table>thead>tr>th:nth-child(1) { text-align: revert; } /* ================================================================ TIMESHEET PLUGIN - LOTUS THEME COMPATIBILITY ================================================================ */ .ts-ub-clear-btn { height: 40px !important; } #levels-tbody>tr>td.level-actions { border-top: none; } /* 1) Sidebar moved into #main as Lotus left icon rail */ body.lotus-theme #main.rf_has_ts_sidebar>#rf_timesheet_sidebar { width: 70px; min-width: 70px; padding: 16px 0; background: var(--rf-primary-light); border-right: 1px solid var(--rf-border); display: flex; flex-direction: column; align-items: center; } body.lotus-theme #main.rf_has_ts_sidebar>#rf_timesheet_sidebar+#content { flex: 1; min-width: 0; } /* 2) Timesheet sidebar icon nav styling */ #redmineflux-timesheet-sidebar>li>a.icon{ padding-left: 0px; } body.lotus-theme #rf_timesheet_sidebar #redmineflux-timesheet-sidebar { list-style: none; margin: 0; padding: 0; width: 100%; } body.lotus-theme #rf_timesheet_sidebar #redmineflux-timesheet-sidebar li { margin: 0; padding: 0; } body.lotus-theme #rf_timesheet_sidebar a.icon { position: relative; width: 40px; height: 40px; margin: 4px auto; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: var(--rf-text-muted); transition: background-color var(--rf-transition), color var(--rf-transition); text-decoration: none; } body.lotus-theme #rf_timesheet_sidebar a.icon svg { stroke: var(--rf-text-muted); transition: stroke var(--rf-transition); } body.lotus-theme #rf_timesheet_sidebar a.icon:hover { background: var(--rf-bg); color: var(--rf-primary); } body.lotus-theme #rf_timesheet_sidebar a.icon:hover svg { stroke: var(--rf-primary); } body.lotus-theme #rf_timesheet_sidebar a.icon.selected { background: var(--rf-primary); color: var(--rf-white); } body.lotus-theme #rf_timesheet_sidebar a.icon.selected svg { stroke: var(--rf-white); } /* 3) Notification badge and misc sidebar polish */ body.lotus-theme #rf_timesheet_sidebar .rf-sm-notification-badge { position: absolute; top: 2px; left: 75%; transform: translateX(-50%); min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #dc2626; border: 2px solid var(--rf-primary-light); color: var(--rf-white); font-size: 10px; font-weight: 700; line-height: 1; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; pointer-events: none; } body.lotus-theme #main.rf_has_ts_sidebar #sidebar-switch-panel { display: none !important; } #content>div.team-header>div>div.team-actions>button.action-btn-secondary:hover{ background-color: #bfdbfe !important; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2); } #content>div.team-header>div>div.team-actions>button.action-btn-secondary{ background-color: #dbeafe; } #content>div.team-header>div>div.team-actions .action-btn-danger { background: #fee2e2; color: #f80000 !important; height: 40px; } #content>div.team-header>div>div.team-actions .action-btn-danger:hover { background-color: #fecaca !important; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(220, 38, 38, 0.2); } #redmineflux-timesheet-sidebar>li.sidebar-sm-calendar>a{ padding-left: 0px !important; } #content>div.settings-container>form>div.settings-actions>button>svg { margin: 0px -5px !important; } /* agile board plugin */ .jira-board-page .redmine-checkbox-inline input[type="checkbox"], .jira-board-page .redmine-checkbox-item input[type="checkbox"] { width: auto !important; height: auto !important; } .rf-filter-actions .rf-btn-secondary { height: 34px !important; } body.lotus-theme.controller-rf_board_configs #main #content #main { margin-left: -20px !important; } body.lotus-theme.controller-rf_board_configs #query-form>div.rf-options-actions>a.rf-btn.rf-btn-secondary { height: 34px; margin-left: -6px; border-radius: 8px !important; } body.lotus-theme.controller-rf_board_configs #query-form>div.rf-options-actions{ background: transparent; } .jira-sidebar.collapsed .jira-sidebar-header{ left: 200px !important; } .rf_sidebar_collapsed .jira-sidebar.collapsed .jira-sidebar-header { left: 60px !important; } .jira-action-btn svg{ width: 12px; height: 12px; } .rf-filter-content #filters table tr { border-bottom: none; } /* ================================================================ WORKLOAD PLUGIN — LOTUS THEME COMPATIBILITY ================================================================ */ #my-leaves>div>div>a.action-btn.action-btn-primary::before { background-image: url("/assets/plugin_assets/redmineflux_lotus/plus-d08c3110.svg") !important; background-repeat: no-repeat !important; background-size: 18px !important; content: ''; display: inline-block; width: 16px; height: 16px; background-size: contain; } #content>div.settings-container>div>div>button>svg { width: 21px; height: 21px; margin-right: -4px; } #issuesList>div>div.issue-actions.available-actions>button.btn-issue.btn-add.btn-add-issue{ padding: 20px 18px; } #confirmActivateModal>div>div.confirm-modal-actions>button.confirm-btn { line-height: 1px; } /* ---------------------------------------------------------------- 1. NEUTRALIZE WORKLOAD'S INLINE #sidebar OVERRIDES ---------------------------------------------------------------- */ body.lotus-theme.controller-rf_workloads #sidebar, body.lotus-theme.controller-workload_dashboard #sidebar, body.lotus-theme.controller-rf_teams #sidebar, body.lotus-theme.controller-rf_skills #sidebar, body.lotus-theme.controller-rf_leaves #sidebar, body.lotus-theme.controller-rf_settings #sidebar, body.lotus-theme.controller-rf_holidays #sidebar, body.lotus-theme.controller-rf_holiday_schemes #sidebar, body.lotus-theme.controller-rf_team_memberships #sidebar, body.lotus-theme.controller-rf_user_skills #sidebar { width: var(--rf-sidebar-w) !important; padding-left: 0 !important; padding-right: 0 !important; background: var(--rf-white) !important; box-shadow: none !important; border-radius: 0 !important; } body.lotus-theme.rf_sidebar_collapsed.controller-rf_workloads #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-workload_dashboard #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-rf_teams #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-rf_skills #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-rf_leaves #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-rf_settings #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-rf_holidays #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-rf_holiday_schemes #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-rf_team_memberships #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-rf_user_skills #sidebar { width: var(--rf-sidebar-col-w) !important; } /* ---------------------------------------------------------------- 2. WORKLOAD SIDEBAR — MOVED INTO #main BY plugin.js ---------------------------------------------------------------- */ body.lotus-theme #main.rf_has_workload_sidebar { display: flex; flex-direction: row; align-items: stretch; } body.lotus-theme #main.rf_has_workload_sidebar>#rf_workload_sidebar { width: 56px; min-width: 56px; flex-shrink: 0; padding: 16px 0; background: var(--rf-primary-light); border-right: 1px solid var(--rf-border); display: flex; flex-direction: column; align-items: center; position: sticky; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; z-index: 1; } body.lotus-theme #main.rf_has_workload_sidebar>#rf_workload_sidebar .rf_sb_core_section { width: 100%; } body.lotus-theme #main.rf_has_workload_sidebar>#rf_workload_sidebar .rf_sb_core_section ul { list-style: none; margin: 0; padding: 4px 0; display: flex; flex-direction: column; align-items: center; gap: 2px; width: 100%; } body.lotus-theme #main.rf_has_workload_sidebar>#rf_workload_sidebar .rf_sb_core_section ul li { margin: 0; padding: 0; } body.lotus-theme #main.rf_has_workload_sidebar>#rf_workload_sidebar .rf_sb_core_section a.icon { position: relative; width: 40px; height: 40px; margin: 2px auto; padding: 0; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: var(--rf-text-muted); text-decoration: none; transition: background-color var(--rf-transition), color var(--rf-transition); } body.lotus-theme #main.rf_has_workload_sidebar>#rf_workload_sidebar .rf_sb_core_section a.icon svg { stroke: var(--rf-text-muted); transition: stroke var(--rf-transition); } body.lotus-theme #main.rf_has_workload_sidebar>#rf_workload_sidebar .rf_sb_core_section a.icon:hover { background-color: var(--rf-bg); color: var(--rf-primary); } body.lotus-theme #main.rf_has_workload_sidebar>#rf_workload_sidebar .rf_sb_core_section a.icon:hover svg { stroke: var(--rf-primary); } body.lotus-theme #main.rf_has_workload_sidebar>#rf_workload_sidebar .rf_sb_core_section a.icon.selected { background-color: var(--rf-primary); color: var(--rf-white); } body.lotus-theme #main.rf_has_workload_sidebar>#rf_workload_sidebar .rf_sb_core_section a.icon.selected svg, body.lotus-theme #main.rf_has_workload_sidebar>#rf_workload_sidebar .rf_sb_core_section a.icon.selected svg>rect, body.lotus-theme #main.rf_has_workload_sidebar>#rf_workload_sidebar .rf_sb_core_section a.icon.selected svg>line, body.lotus-theme #main.rf_has_workload_sidebar>#rf_workload_sidebar .rf_sb_core_section a.icon.selected svg>circle { stroke: var(--rf-white) !important; } body.lotus-theme #main.rf_has_workload_sidebar>#rf_workload_sidebar+#content { flex: 1; min-width: 0; } .timeline-date-range { width: fit-content !important; } td.actions-cell { width: 160px; } #confirmDeleteModal>div>div.confirm-modal-actions>button.confirm-btn { line-height: 1px; } #rf_workload_sidebar>div>ul>li:nth-child(5)>a>svg>rect, #rf_workload_sidebar>div>ul>li:nth-child(5)>a>svg>line, #rf_workload_sidebar>div>ul>li:nth-child(5)>a>svg>circle { stroke: var(--rf-text-muted) !important; } /* ================================================================ TIME TRACKER PLUGIN — LOTUS THEME COMPATIBILITY ================================================================ */ .floating-timer-header { background: #0094ff !important; } div.rf_issue_detail_header>div.rf_issue_header_actions>div>div>a.icon.icon-time.issue-start-timer-btn { background: #4caf50 !important; color: white !important; } div.rf_issue_detail_header>div.rf_issue_header_actions>div>div>a.icon.icon-time.issue-start-timer-btn:hover{ background: #45a049 !important; color: white !important; border-color: #45a049 !important; } div.rf_issue_detail_header>div.rf_issue_header_actions>div>div>a.icon.icon-time.timer-running{ background: #f44336 !important; color: white !important; } div.rf_issue_detail_header>div.rf_issue_header_actions>div>div>a.icon.icon-time.timer-running:hover { color: white !important; background: rgb(211, 47, 47) !important; border-color: rgb(211, 47, 47) !important; } /* ---------------------------------------------------------------- 1. NEUTRALIZE TIME TRACKER'S INLINE #sidebar OVERRIDES ---------------------------------------------------------------- */ body.lotus-theme.controller-time_tracker #sidebar, body.lotus-theme.controller-time_tracker_dashboard #sidebar { width: var(--rf-sidebar-w) !important; padding-left: 0 !important; padding-right: 0 !important; background: var(--rf-white) !important; box-shadow: none !important; border-radius: 0 !important; } body.lotus-theme.rf_sidebar_collapsed.controller-time_tracker #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-time_tracker_dashboard #sidebar { width: var(--rf-sidebar-col-w) !important; } /* ---------------------------------------------------------------- 2. TIME TRACKER SIDEBAR — MOVED INTO #main BY plugin.js ---------------------------------------------------------------- */ body.lotus-theme #main.rf_has_tt_sidebar { display: flex; flex-direction: row; align-items: stretch; } body.lotus-theme #main.rf_has_tt_sidebar>#rf_tt_sidebar { width: 56px; min-width: 56px; flex-shrink: 0; padding: 16px 0; background: var(--rf-primary-light); border-right: 1px solid var(--rf-border); display: flex; flex-direction: column; align-items: center; position: sticky; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; z-index: 1; } body.lotus-theme #main.rf_has_tt_sidebar>#rf_tt_sidebar ul.rf-sm-sidebar-nav { list-style: none; margin: 0; padding: 4px 0; display: flex; flex-direction: column; align-items: center; gap: 2px; width: 100%; } body.lotus-theme #main.rf_has_tt_sidebar>#rf_tt_sidebar ul.rf-sm-sidebar-nav li { margin: 0; padding: 0; } body.lotus-theme #main.rf_has_tt_sidebar>#rf_tt_sidebar a.icon { position: relative; width: 40px; height: 40px; margin: 2px auto; padding: 0; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: var(--rf-text-muted); text-decoration: none; transition: background-color var(--rf-transition), color var(--rf-transition); } body.lotus-theme #main.rf_has_tt_sidebar>#rf_tt_sidebar a.icon svg { stroke: var(--rf-text-muted); transition: stroke var(--rf-transition); } body.lotus-theme #main.rf_has_tt_sidebar>#rf_tt_sidebar a.icon:hover { background-color: var(--rf-bg); color: var(--rf-primary); } body.lotus-theme #main.rf_has_tt_sidebar>#rf_tt_sidebar a.icon:hover svg { stroke: var(--rf-primary); } body.lotus-theme #main.rf_has_tt_sidebar>#rf_tt_sidebar a.icon.selected { background-color: var(--rf-primary); color: var(--rf-white); } body.lotus-theme #main.rf_has_tt_sidebar>#rf_tt_sidebar a.icon.selected svg { stroke: var(--rf-white); } body.lotus-theme #main.rf_has_tt_sidebar>#rf_tt_sidebar+#content { flex: 1; min-width: 0; } .editable-description { line-height: 6px !important; } .activity-btn-primary:disabled:hover, .activity-btn-secondary:disabled:hover { background: #686868d1 !important; } .multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-radio, .multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-radio { border: 3px solid var(--primary-color) !important; } .template-preview-btn { background: #0094ff !important; } .template-preview-btn:hover { background: #007acc !important; } /* ================================================================ INVOICE PLUGIN — LOTUS THEME COMPATIBILITY ================================================================ */ #content>div>div>form>input.icon.icon-add { background-image: url("/assets/plugin_assets/redmineflux_lotus/plus-d08c3110.svg"), linear-gradient(95.99deg, #1673FF 4.75%, #10C08B 123.45%) !important; background-repeat: no-repeat, no-repeat !important; background-size: 16px, cover !important; background-position: 8px center, center !important; padding-left: 30px; } #content>div>div>form>input.icon.icon-add:hover { background: url("/assets/plugin_assets/redmineflux_lotus/plus-d08c3110.svg"), linear-gradient(95.99deg, #1260D9 4.75%, #0DA577 123.45%) !important; background-repeat: no-repeat, no-repeat !important; background-size: 16px, cover !important; background-position: 8px center, center !important; padding-left: 30px; } #tab-content-Invoice_templates>table>tbody>tr>td.buttons>a.icon.icon-copy, #tab-content-email_templates > table > tbody > tr > td.buttons > a.icon.icon-copy , #tab-content-Templates>div.kb-templates-section>table>tbody>tr>td.buttons.knowledgebase_template_actions>a.icon.icon-copy{ background-image: url("/assets/plugin_assets/redmineflux_lotus/copy-e30d8181.svg") !important; } #invoice-items>div>button.button, #invoice-taxes>div>button.button, #invoice-discounts>div>button.button { background-color: #28a745 !important; } #deleteEmailTemplateModal>div>div>p.rf-modal-text, #deletePdfTemplateModal>div>div>p.rf-modal-text { padding-left: 0px !important; } #deleteEmailTemplateModal>div>div>div.rf-modal-actions-vertical>button.rf-btn, #deletePdfTemplateModal>div>div>div.rf-modal-actions-vertical>button.rf-btn { display: block; } .rf-btn-cancel-full{ background: #d0d7de !important; border: 1px solid #d0d7de !important; } .rf-btn-cancel-full:hover { background: #eee !important; border: 1px solid #eee !important; } /* ---------------------------------------------------------------- 1. NEUTRALIZE INVOICE'S INLINE #sidebar OVERRIDES ---------------------------------------------------------------- */ body.lotus-theme.controller-invoices #wrapper #sidebar, body.lotus-theme.controller-global_invoices #wrapper #sidebar, body.lotus-theme.controller-team_rates #wrapper #sidebar, body.lotus-theme.controller-customers #wrapper #sidebar, body.lotus-theme.controller-invoice_payments #wrapper #sidebar, body.lotus-theme.controller-invoice_pdf_templates #wrapper #sidebar, body.lotus-theme.controller-invoice_email_templates #wrapper #sidebar, body.lotus-theme.controller-online_payments #wrapper #sidebar { width: var(--rf-sidebar-w) !important; padding-left: 0 !important; padding-right: 0 !important; background: var(--rf-white) !important; box-shadow: none !important; border-radius: 0 !important; } body.lotus-theme.rf_sidebar_collapsed.controller-invoices #wrapper #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-global_invoices #wrapper #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-team_rates #wrapper #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-customers #wrapper #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-invoice_payments #wrapper #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-invoice_pdf_templates #wrapper #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-invoice_email_templates #wrapper #sidebar, body.lotus-theme.rf_sidebar_collapsed.controller-online_payments #wrapper #sidebar { width: var(--rf-sidebar-col-w) !important; } /* ---------------------------------------------------------------- 2. INVOICE SIDEBAR — MOVED INTO #main BY plugin.js ---------------------------------------------------------------- */ body.lotus-theme #main.rf_has_invoice_sidebar { display: flex; flex-direction: row; align-items: stretch; } body.lotus-theme #main.rf_has_invoice_sidebar>#rf_invoice_sidebar { width: 56px; min-width: 56px; flex-shrink: 0; padding: 16px 0; background: var(--rf-primary-light); border-right: 1px solid var(--rf-border); display: flex; flex-direction: column; align-items: center; position: sticky; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; z-index: 1; } /* Sidebar item wrapper divs — normalise size/position */ body.lotus-theme #main.rf_has_invoice_sidebar>#rf_invoice_sidebar .sidebar_invoice_index, body.lotus-theme #main.rf_has_invoice_sidebar>#rf_invoice_sidebar .sidebar_invoice_dashboard, body.lotus-theme #main.rf_has_invoice_sidebar>#rf_invoice_sidebar .sidebar_invoice_report, body.lotus-theme #main.rf_has_invoice_sidebar>#rf_invoice_sidebar .sidebar_team_rates, body.lotus-theme #main.rf_has_invoice_sidebar>#rf_invoice_sidebar .sidebar_billing_settings { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 8px; margin: 2px auto !important; transition: background-color var(--rf-transition); } body.lotus-theme #main.rf_has_invoice_sidebar>#rf_invoice_sidebar .sidebar_invoice_index:hover, body.lotus-theme #main.rf_has_invoice_sidebar>#rf_invoice_sidebar .sidebar_invoice_dashboard:hover, body.lotus-theme #main.rf_has_invoice_sidebar>#rf_invoice_sidebar .sidebar_invoice_report:hover, body.lotus-theme #main.rf_has_invoice_sidebar>#rf_invoice_sidebar .sidebar_team_rates:hover, body.lotus-theme #main.rf_has_invoice_sidebar>#rf_invoice_sidebar .sidebar_billing_settings:hover { background-color: var(--rf-bg); } /* Invoice icon links — override invoice_sidebar.css positioning/sizing */ body.lotus-theme #main.rf_has_invoice_sidebar>#rf_invoice_sidebar a[id^="btn-"] { width: 36px !important; height: 36px !important; background-position: center !important; background-size: 20px 20px !important; background-color: transparent !important; border-radius: 6px; border: none !important; margin: 0 !important; display: block; transition: background-color var(--rf-transition); } body.lotus-theme #main.rf_has_invoice_sidebar>#rf_invoice_sidebar a[id^="btn-"]:hover { background-color: var(--rf-bg) !important; } /* ---------------------------------------------------------------- 3. INVOICE SIDEBAR ACTIVE STATE (body-class driven, project scope) ---------------------------------------------------------------- */ body.lotus-theme.controller-invoices.action-index #rf_invoice_sidebar a#btn-invoice-index, body.lotus-theme.controller-invoices.action-show #rf_invoice_sidebar a#btn-invoice-index, body.lotus-theme.controller-invoices.action-new #rf_invoice_sidebar a#btn-invoice-index, body.lotus-theme.controller-invoices.action-create #rf_invoice_sidebar a#btn-invoice-index, body.lotus-theme.controller-invoices.action-edit #rf_invoice_sidebar a#btn-invoice-index, body.lotus-theme.controller-invoices.action-update #rf_invoice_sidebar a#btn-invoice-index, body.lotus-theme.controller-invoices.action-generate #rf_invoice_sidebar a#btn-invoice-index, body.lotus-theme.controller-invoices.action-send_invoice #rf_invoice_sidebar a#btn-invoice-index, body.lotus-theme.controller-invoices.action-dashboard #rf_invoice_sidebar a#btn-invoice-dashboard, body.lotus-theme.controller-invoices.action-report #rf_invoice_sidebar a#btn-invoice-report, body.lotus-theme.controller-invoices.action-billing #rf_invoice_sidebar a#btn-billing-settings, body.lotus-theme.controller-invoices.action-update_billing #rf_invoice_sidebar a#btn-billing-settings, body.lotus-theme.controller-team_rates.action-index #rf_invoice_sidebar a#btn-team-rates, body.lotus-theme.controller-team_rates.action-new #rf_invoice_sidebar a#btn-team-rates, body.lotus-theme.controller-team_rates.action-edit #rf_invoice_sidebar a#btn-team-rates, body.lotus-theme.controller-team_rates.action-create #rf_invoice_sidebar a#btn-team-rates, body.lotus-theme.controller-team_rates.action-update #rf_invoice_sidebar a#btn-team-rates, /* Global invoice scope */ body.lotus-theme.controller-global_invoices.action-index #rf_invoice_sidebar a#btn-invoice-index, body.lotus-theme.controller-global_invoices.action-show #rf_invoice_sidebar a#btn-invoice-index, body.lotus-theme.controller-global_invoices.action-new #rf_invoice_sidebar a#btn-invoice-index, body.lotus-theme.controller-global_invoices.action-create #rf_invoice_sidebar a#btn-invoice-index, body.lotus-theme.controller-global_invoices.action-edit #rf_invoice_sidebar a#btn-invoice-index, body.lotus-theme.controller-global_invoices.action-update #rf_invoice_sidebar a#btn-invoice-index, body.lotus-theme.controller-global_invoices.action-generate #rf_invoice_sidebar a#btn-invoice-index, body.lotus-theme.controller-global_invoices.action-send_invoice #rf_invoice_sidebar a#btn-invoice-index, body.lotus-theme.controller-global_invoices.action-dashboard #rf_invoice_sidebar a#btn-invoice-dashboard, body.lotus-theme.controller-global_invoices.action-report #rf_invoice_sidebar a#btn-invoice-report { background-color: rgba(45, 183, 163, 0.22) !important; } body.lotus-theme #main.rf_has_invoice_sidebar>#rf_invoice_sidebar+#content { flex: 1; min-width: 0; } body.lotus-theme.controller-global_invoices #content>div.autoscroll>span.pagination, body.lotus-theme.controller-invoices #content>div.autoscroll>span.pagination { padding: 10px 0px; background: none; border: none; } .plugin-redmineflux_invoice .tabular.settings p, div#company_logo_section { padding-left: 160px !important; } a.icon.icon-search.preview-pdf-template.icon-preview, a.icon.preview-email-template.icon-preview { padding-left: 18px !important; font-size: 0px !important; display: inline-block; height: 10px; padding-top: 6px !important; } .plugin-redmineflux_invoice>form>.box>.tab-content>table>tbody>tr>td.buttons>a.icon.icon-edit, .plugin-redmineflux_invoice>form>.box>.tab-content>table>tbody>tr>td.buttons>a.icon.icon-del { display: inline-block; width: 10px; height: 10px; } /* ================================================================ NOTIFICATION PLUGIN (redmineflux_notification) — LOTUS COMPAT lotus_theme.js wraps the notificationsLink and notification_count
  • elements in .rf_notif_wrap and moves them into .rf_tb_right (before the search button). The rules below override the default float/position styles from app_notifications.css so the items render correctly inside the Lotus top-bar right area. ================================================================ */ /* Wrapper: inline-flex row; position:relative anchors the dropdown */ body.lotus-theme .rf_tb_right .rf_notif_wrap { position: relative; display: flex; /* align-items: center; */ } /* Reset
  • layout rules from app_notifications.css */ body.lotus-theme .rf_tb_right .rf_notif_wrap>li { float: none !important; right: auto !important; height: auto !important; list-style: none; padding: 0; margin: 0; } /* Bell icon
  • */ body.lotus-theme .rf_tb_right .rf_notif_wrap>li.notificationsLinkParent { position: relative; display: flex; align-items: center; } /* Badge
  • — negative margin pulls it back to overlap the bell's top-right corner. Works for both the Ruby-rendered item (which gets .notification_countParent class from app_notifications.js) and Faye-created items (no class). */ body.lotus-theme .rf_tb_right .rf_notif_wrap>li.notification_countParent, body.lotus-theme .rf_tb_right .rf_notif_wrap>li:not(.notificationsLinkParent) { margin-left: -23px !important; align-self: flex-start; margin-top: -3px !important; pointer-events: none; z-index: 2; } /* Bell anchor — styled as a Lotus icon button (matches rf_tb_icon_btn) */ body.lotus-theme .rf_tb_right .rf_notif_wrap #notificationsLink { display: flex !important; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 6px; background-image: url("/assets/plugin_assets/redmineflux_lotus/icons8-notification-53b58763.svg"); background-repeat: no-repeat; background-size: 20px; background-position: center; font-size: 0 !important; /* top: 0 !important; */ text-decoration: none; color: var(--rf-text-body, #374151); transition: background-color 0.15s; cursor: pointer; } body.lotus-theme .rf_tb_right .rf_notif_wrap #notificationsLink:hover { background-color: rgba(0, 0, 0, 0.06); } /* Undo app_notifications.css absolute positioning; use Lotus red dot */ body.lotus-theme .rf_tb_right .rf_notif_wrap #notification_count, body.lotus-theme .rf_tb_right .rf_notif_wrap #notification_count.empty { /* position: static !important; top: auto !important; right: auto !important; */ background-image: url("/assets/plugin_assets/redmineflux_lotus/rf-notification-dot-2f9e1193.svg") !important; background-repeat: no-repeat; background-size: 9px; background-position: center; display: inline-block; /* width: 10px; height: 10px; */ font-size: 0; } /* Notification dropdown — right-aligned below the bell */ body.lotus-theme .rf_tb_right .rf_notif_wrap #notificationsContainer { color: #333; background-color: #fff; border: 1px solid rgba(100, 100, 100, .4); -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25); position: absolute; top: 25px; margin-left: -190px; width: 400px; z-index: 9999; display: none; font-size: 12px; } .notificationsLinkParent #notificationsContainer #notificationsTitle { font-size: 16px !important; border-bottom: none !important; background-color: unset !important; padding: 10px 14px !important; width: auto !important; border-bottom: 1px solid #e1e1e1 !important; } .notificationsLinkParent #notificationsContainer #notificationsBody { scrollbar-width: thin; scrollbar-color: #888 #f1f1f1; } .notificationsLinkParent #notificationsContainer #notificationsBody .notification-container.new { background-color: #fff !important; border-bottom: 1px solid #e1e1e1; background-image: url("/assets/plugin_assets/redmineflux_lotus/rf-notification-dot-2f9e1193.svg") !important; background-repeat: no-repeat; background-position: 95% 35px; background-size: 8px; } li.notificationsLinkParent #notificationsContainer #notificationsBody .notification-container { padding: 0px 15px } /* Dropdown caret — override the hardcoded margin-left: 188px */ body.lotus-theme .rf_tb_right .rf_notif_wrap #notificationsContainer::before { right: 12px !important; left: auto !important; margin-left: 0 !important; } .notificationsLinkParent #notificationsContainer #notificationsFooter a { text-transform: capitalize; } .notificationsLinkParent #notificationsContainer #notificationsFooter a:hover { color: #1673ff !important; } .notificationsLinkParent #notificationsContainer #notificationsBody .notification-container .notification-date { font-style: normal !important; font-size: 10px !important; color: #333 !important; font-weight: 600; } .notificationsLinkParent #notificationsContainer:before { margin-left: 258px !important; } .notificationsLinkParent #notificationsContainer #notificationsFooter { background-color: unset !important; padding: 10px 0px !important; border-top: 1px solid #e1e1e1; text-align: center; } .notificationsLinkParent #notificationsContainer #notificationsBody a { text-transform: capitalize; } .notificationsLinkParent #notificationsContainer #notificationsTitle { font-size: 16px !important; border-bottom: none !important; background-color: unset !important; padding: 10px 14px !important; width: auto !important; border-bottom: 1px solid #e1e1e1 !important; } .controller-app_notifications.action-index #content>.main-notification-container .notification.new:hover, .notificationsLinkParent #notificationsContainer #notificationsBody a .notification-container.new:hover, .notificationsLinkParent #notificationsContainer #notificationsBody .notification-container.new:hover, .controller-app_notifications.action-index #content>.main-notification-container .notification:hover { background-color: #f0f8ff !important; } .controller-app_notifications.action-index #content>.main-notification-container .notification { margin: 8px 2px !important; padding: 10px !important; background-color: #fff !important; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 12%); border-radius: 4px; } .notificationsLinkParent #notificationsContainer #notificationsBody { max-height: 400px; overflow-y: auto; } #notificationsBody>div>a>div.notification-content>div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #content>div.main-notification-container>div>div { font-size: 13px; } .controller-app_notifications.action-index #content>.main-notification-container div.notification h3 { font-size: 14px; } /* ================================================================ KNOWLEDGEBASE PLUGIN — LOTUS THEME COMPATIBILITY Scoped under body.lotus-theme so these rules only apply when the Lotus theme is active. All colours reference --rf-* tokens. ================================================================ */ .kb-space-welcome { max-width: -webkit-fill-available; } .controller-rf_knowledgebase_nodes .contextual a.knowledgebase_version_icon, .controller-rf_knowledgebase_nodes .contextual a.knowledgebase_page_delete, .controller-rf_knowledgebase_nodes a.knowledgebase_edit_icon, .controller-rf_knowledgebase_nodes .contextual button, .controller-rf_knowledgebase_nodes a#kb-public-url-btn, .controller-rf_knowledgebase_nodes.action-show a.knowledgebase_unpublish_icon{ height: 35px !important; border-radius: 6px !important; } /* ---------------------------------------------------------------- 1. CSS variable bridge — remap KB tokens to Lotus design tokens Overriding at body level cascades into every KB element. ---------------------------------------------------------------- */ body.lotus-theme { --kb-ui-primary: var(--rf-primary, #2DB7A3); --kb-ui-primary-dark: var(--rf-primary-dark, #22968A); --kb-ui-soft: var(--rf-bg, #F5F6FA); --kb-ui-line: var(--rf-border, #E5E7EB); --kb-ui-ink: var(--rf-text-heading, #1A1F2E); --kb-ui-muted: var(--rf-text-muted, #6B7280); --kb-color-primary: var(--rf-primary, #2DB7A3); } /* ---------------------------------------------------------------- 2. Font — replace Roboto with Lotus Inter stack everywhere in KB ---------------------------------------------------------------- */ body.lotus-theme .kb-overview-page, body.lotus-theme .kb-overview-page *, body.lotus-theme .kb-versions-page, body.lotus-theme .kb-versions-page *, body.lotus-theme .kb-page-header, body.lotus-theme .kb-page-header *, body.lotus-theme #sidebar .kb-sidebar, body.lotus-theme #sidebar .kb-sidebar *, body.lotus-theme .kb-modal-header, body.lotus-theme .kb-modal-title, body.lotus-theme .kb-form-label, body.lotus-theme .kb-form-help, body.lotus-theme .kb-btn-submit, body.lotus-theme .kb-btn-cancel, body.lotus-theme .kb-meta-item, body.lotus-theme .kb-search-input, body.lotus-theme .kb-search-input::placeholder { font-family: var(--rf-font, 'Inter', system-ui, sans-serif) !important; } /* ---------------------------------------------------------------- 3. Layout — remove the groove border KB adds to #content ---------------------------------------------------------------- */ body.lotus-theme.controller-rf_knowledgebase #content, body.lotus-theme.controller-rf_knowledgebase_nodes #content, body.lotus-theme.controller-rf_knowledgebase_spaces #content, body.lotus-theme.controller-rf_knowledgebase_pages #content { border-left: none !important; } /* ---------------------------------------------------------------- 4. Sidebar — blend KB sidebar into the Lotus sidebar panel ---------------------------------------------------------------- */ body.lotus-theme #sidebar .kb-sidebar { background: transparent; padding-right: 0; } /* Search bar */ body.lotus-theme .kb-search-wrapper { background: var(--rf-bg, #F5F6FA); border-color: var(--rf-border, #E5E7EB); } body.lotus-theme .kb-search-wrapper:focus-within { border-color: var(--rf-primary, #2DB7A3); box-shadow: 0 0 0 3px rgba(45, 183, 163, 0.12); } /* Section add (+) button */ body.lotus-theme .kb-section-add-btn:hover { background: var(--rf-primary-light, #EBF8F6); color: var(--rf-primary, #2DB7A3); } /* Space header hover */ body.lotus-theme .kb-space-header:hover { background: var(--rf-primary-light, #EBF8F6); } /* Active / current space */ body.lotus-theme .kb-space-item.current .kb-space-header { color: var(--rf-primary, #2DB7A3); } /* Space name link hover */ body.lotus-theme .kb-space-name a:hover { color: var(--rf-primary, #2DB7A3); } /* Space / folder toggle hover */ body.lotus-theme .kb-space-toggle:hover { background: var(--rf-primary-light, #EBF8F6); color: var(--rf-primary, #2DB7A3); } /* Folder header hover */ body.lotus-theme .kb-folder-header:hover { background: var(--rf-primary-light, #EBF8F6); } /* Current folder — teal highlight */ body.lotus-theme .kb-folder-item.current>.kb-folder-header { background: var(--rf-primary-light, #EBF8F6); color: var(--rf-primary-dark, #22968A); } /* Folder toggle hover */ body.lotus-theme .kb-folder-toggle:hover { background: var(--rf-primary-light, #EBF8F6); color: var(--rf-primary, #2DB7A3); } /* Page item hover */ body.lotus-theme li.kb-page-item:hover>.kb-page-link { background: var(--rf-primary-light, #EBF8F6); } /* Dropdown menus */ body.lotus-theme .kb-dropdown-menu { border-color: var(--rf-border, #E5E7EB); border-radius: 8px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.09); } body.lotus-theme .kb-dropdown-menu a:hover { background-color: var(--rf-primary-light, #EBF8F6); color: var(--rf-text-body, #374151); } /* Tree indent lines */ body.lotus-theme .kb-space-content, body.lotus-theme .kb-folder-children { border-left-color: var(--rf-border, #E5E7EB); } /* ---------------------------------------------------------------- 5. Buttons — Lotus teal primary, muted cancel ---------------------------------------------------------------- */ body.lotus-theme .kb-btn-submit { background-color: var(--rf-primary, #2DB7A3); border-color: var(--rf-primary, #2DB7A3); } body.lotus-theme .kb-btn-submit:hover { background-color: var(--rf-primary-dark, #22968A); border-color: var(--rf-primary-dark, #22968A); } body.lotus-theme .kb-ui-button-primary { background: linear-gradient(95.99deg, #1673FF 4.75%, #10C08B 123.45%) !important; } body.lotus-theme .kb-ui-button-primary:hover { background: linear-gradient(95.99deg, #1673FF 4.75%, #10C08B 123.45%) !important; } body.lotus-theme .kb-ui-button-secondary:hover { background: var(--rf-bg, #F5F6FA); border-color: var(--rf-border, #E5E7EB); text-decoration: none; } body.lotus-theme .rf-btn-primary { background: linear-gradient(95.99deg, #1673FF 4.75%, #10C08B 123.45%); } body.lotus-theme .rf-btn-primary:hover { background:linear-gradient(95.99deg, #1260D9 4.75%, #0DA577 123.45%); } body.lotus-theme .kb-btn-cancel { border-color: var(--rf-border, #E5E7EB); color: var(--rf-text-body, #374151); } body.lotus-theme .kb-btn-cancel:hover { background-color: var(--rf-bg, #F5F6FA); border-color: var(--rf-text-muted, #6B7280); } #content>main>header>div.contextual.kb-node-actions>a:hover { border-color: var(--rf-blue) !important; color: var(--rf-blue) !important; background: var(--rf-blue-light) !important; } #content>main>header>div.contextual.kb-node-actions>a { height: 35px; border-radius: 6px !important; border-color: var(--rf-blue) !important; color: #000000 !important; background: var(--rf-white) !important; font-weight: 500 !important; } /* Contextual toolbar (versions, delete, edit, public-url) */ body.lotus-theme .controller-rf_knowledgebase_nodes .contextual a.knowledgebase_version_icon, body.lotus-theme .controller-rf_knowledgebase_nodes .contextual a.knowledgebase_page_delete, body.lotus-theme .controller-rf_knowledgebase_nodes a.knowledgebase_edit_icon, body.lotus-theme .controller-rf_knowledgebase_nodes .contextual button, body.lotus-theme .controller-rf_knowledgebase_nodes a#kb-public-url-btn, body.lotus-theme .controller-rf_knowledgebase_nodes.action-show a.knowledgebase_unpublish_icon { background-color: var(--rf-white, #FFFFFF); border-color: var(--rf-border, #E5E7EB); color: var(--rf-text-body, #374151); border-radius: 6px; } body.lotus-theme .controller-rf_knowledgebase_nodes .contextual a.knowledgebase_version_icon:hover, body.lotus-theme .controller-rf_knowledgebase_nodes .contextual a.knowledgebase_page_delete:hover, body.lotus-theme .controller-rf_knowledgebase_nodes a.knowledgebase_edit_icon:hover, body.lotus-theme .controller-rf_knowledgebase_nodes a#kb-public-url-btn:hover, body.lotus-theme .controller-rf_knowledgebase_nodes .rf-btn-cancel:hover { background-color: var(--rf-bg, #F5F6FA); border-color: var(--rf-text-muted, #6B7280); } /* ---------------------------------------------------------------- 6. Form inputs — Lotus focus ring ---------------------------------------------------------------- */ body.lotus-theme .kb-form-input:focus, body.lotus-theme .kb-form-textarea:focus { border-color: var(--rf-primary, #2DB7A3); box-shadow: 0 0 0 3px rgba(45, 183, 163, 0.12); } /* ---------------------------------------------------------------- 7. Page header, node icon, metadata, content area ---------------------------------------------------------------- */ body.lotus-theme .kb-page-header { background: var(--rf-white, #FFFFFF); border-color: var(--rf-border, #E5E7EB); border-radius: 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); } body.lotus-theme .kb-node-icon { background: var(--rf-primary-light, #EBF8F6); color: var(--rf-primary, #2DB7A3); } body.lotus-theme .kb-node-title-group h2 { color: var(--rf-text-heading, #1A1F2E); } body.lotus-theme .kb-metadata { border-top-color: var(--rf-border, #E5E7EB); } body.lotus-theme .kb-meta-item { color: var(--rf-text-muted, #6B7280); } body.lotus-theme #page-content.kb-node-content { background: var(--rf-white, #FFFFFF); border-color: var(--rf-border, #E5E7EB); border-radius: 8px; } /* ---------------------------------------------------------------- 8. Overview index page ---------------------------------------------------------------- */ body.lotus-theme .kb-overview-hero { border-color: var(--rf-border, #E5E7EB); border-radius: 12px; box-shadow: 0 8px 24px rgba(26, 31, 46, 0.05); } body.lotus-theme .kb-overview-hero::after { background: var(--rf-primary-light, #EBF8F6); } body.lotus-theme .kb-overview-icon, body.lotus-theme .kb-overview-page-icon, body.lotus-theme .kb-overview-space-icon, body.lotus-theme .kb-overview-landing-icon, body.lotus-theme .kb-ui-empty-icon, body.lotus-theme .kb-versions-icon { background: var(--rf-primary-light, #EBF8F6); color: var(--rf-primary, #2DB7A3); } body.lotus-theme .kb-ui-count { color: var(--rf-primary-dark, #22968A); background: var(--rf-primary-light, #EBF8F6); } body.lotus-theme .kb-overview-page-card:hover, body.lotus-theme .kb-overview-space-card:hover { border-color: var(--rf-primary, #2DB7A3); box-shadow: 0 6px 18px rgba(45, 183, 163, 0.10); } body.lotus-theme .kb-ui-section { border-color: var(--rf-border, #E5E7EB); border-radius: 10px; } body.lotus-theme .kb-ui-empty { background: var(--rf-bg, #F5F6FA); border-color: var(--rf-border, #E5E7EB); border-style: dashed; border-radius: 10px; } body.lotus-theme .kb-ui-breadcrumb a:hover { color: var(--rf-primary, #2DB7A3); } body.lotus-theme .kb-space-card { background: var(--rf-white, #FFFFFF); border-color: var(--rf-border, #E5E7EB); border-radius: 8px; } body.lotus-theme .kb-space-card h3 a { color: var(--rf-primary, #2DB7A3); } body.lotus-theme .kb-space-card:hover { box-shadow: 0 4px 12px rgba(45, 183, 163, 0.10); border-color: var(--rf-primary, #2DB7A3); } /* ---------------------------------------------------------------- 9. Version history page ---------------------------------------------------------------- */ body.lotus-theme .kb-versions-hero { border-color: var(--rf-border, #E5E7EB); border-radius: 12px; box-shadow: 0 6px 20px rgba(26, 31, 46, 0.05); } body.lotus-theme .kb-version-card { border-color: var(--rf-border, #E5E7EB); border-radius: 10px; } body.lotus-theme .kb-version-card.is-current { border-left-color: var(--rf-primary, #2DB7A3); } body.lotus-theme .kb-version-card:hover { border-color: var(--rf-primary, #2DB7A3); box-shadow: 0 5px 16px rgba(45, 183, 163, 0.08); } body.lotus-theme .kb-version-restore { color: var(--rf-primary-dark, #22968A); background: var(--rf-primary-light, #EBF8F6); } body.lotus-theme .kb-version-restore:hover { color: var(--rf-white, #FFFFFF); background: var(--rf-primary, #2DB7A3); } body.lotus-theme .kb-restore-modal-icon { background: var(--rf-primary-light, #EBF8F6); color: var(--rf-primary, #2DB7A3); } body.lotus-theme .kb-version-preview summary { background: var(--rf-bg, #F5F6FA); } /* ---------------------------------------------------------------- 10. Modals — rounded, Lotus shadow ---------------------------------------------------------------- */ body.lotus-theme .kb-modal { border-radius: 12px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.14); } body.lotus-theme .kb-modal-title { color: var(--rf-text-heading, #1A1F2E); } body.lotus-theme .kb-modal-header { border-bottom: 1px solid var(--rf-border, #E5E7EB); } /* ---------------------------------------------------------------- 11. WYSIWYG editor (flux_library) — Lotus border + focus ring ---------------------------------------------------------------- */ body.lotus-theme .flux-wrapper { border-color: var(--rf-border, #E5E7EB); border-radius: 8px; } body.lotus-theme .flux-wrapper:focus-within { border-color: var(--rf-primary, #2DB7A3); box-shadow: 0 0 0 3px rgba(45, 183, 163, 0.12); } body.lotus-theme .flux-toolbar { background: var(--rf-bg, #F5F6FA); border-bottom-color: var(--rf-border, #E5E7EB); } body.lotus-theme .flux-btn.is-active { background: var(--rf-primary-light, #EBF8F6); border-color: var(--rf-primary, #2DB7A3); color: var(--rf-primary-dark, #22968A); } /* ---------------------------------------------------------------- 12. Ensure sidebar switch panel stays hidden on KB pages ---------------------------------------------------------------- */ body.lotus-theme.controller-rf_knowledgebase #sidebar-switch-panel, body.lotus-theme.controller-rf_knowledgebase_nodes #sidebar-switch-panel, body.lotus-theme.controller-rf_knowledgebase_spaces #sidebar-switch-panel { display: none !important; } /* ---------------------------------------------------------------- 13. KB sidebar max-height — allow the Lotus sidebar to scroll naturally; relax the 600px cap so tall spaces aren't clipped ---------------------------------------------------------------- */ body.lotus-theme #sidebar .kb-sidebar-content { max-height: none; } /* ---------------------------------------------------------------- 14. Plugin settings page — KB tab header typography ---------------------------------------------------------------- */ body.lotus-theme div.plugin.plugin-redmineflux_knowledgebase .box.tabular.settings { font-family: var(--rf-font, 'Inter', system-ui, sans-serif); } /* Inplace editor plugin — global fixes (all themes) */ ul.rf-ss__dropdown{ text-align: left; } .rf-cell-wrapper { display: inline-flex !important; background: transparent !important; } td.status>span>span.rf-edit-icon>svg { margin-left: -7px !important; } .rf-edit-icon{ border-radius: 4px !important; } #projects-index .rf-card-name-host a.project{ max-width: fit-content !important; } .rf-card-name-host a.project .rf-card-name-icon{ top:0px !important; } #content>form>div>table.rf_projects_table>thead>tr>th.name { text-align: left !important; padding-left: 30px; } #content>form>div>table.rf_projects_table>thead>tr>th { text-align: center !important; } body.lotus-theme .rf-edit-icon:hover { background-color: #EBF8F6 !important; border-color: rgba(45, 183, 163, 0.3) !important; color: #2DB7A3 !important; } .rf-edit-icon svg{ margin-left: 0px !important; } div.rf-desc-editor-actions>button.rf-btn{ padding: 15px 12px !important; } body.lotus-theme table.list.projects thead th { text-align: center; } body.lotus-theme table.list.projects thead th.name { text-align: justify; padding-left: 20px; } /* ═══════════════════════════════════════════════════════════════ LOTUS THEME COMPATIBILITY (body.lotus-theme) Overrides inline editor tokens and adapts the editor UI to match the Redmineflux Lotus design system on the Issue Details page. ═══════════════════════════════════════════════════════════════ */ /* 1 — Remap design tokens to Lotus teal palette */ body.lotus-theme { --rf-primary: #2DB7A3; --rf-primary-hover: #22968A; --rf-focus: #2DB7A3; --rf-focus-ring: rgba(45, 183, 163, 0.15); --rf-bg: #FFFFFF; --rf-bg-hover: #F5F6FA; --rf-border: #E5E7EB; --rf-text: #374151; --rf-text-muted: #6B7280; --rf-radius-sm: 6px; --rf-radius: 8px; --rf-font: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --rf-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04); --rf-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05); } /* 2 — Edit icon: teal hover tint in Lotus context */ body.lotus-theme .rf-edit-icon:hover { background-color: #EBF8F6; border-color: rgba(45, 183, 163, 0.3); color: #2DB7A3; } /* 3 — Reveal pencil on Lotus attribute row and subject hover */ body.lotus-theme .rf_attr_row:hover .rf-edit-icon, body.lotus-theme .rf_issue_info_subject:hover .rf-edit-icon { opacity: 0.75; } /* 4 — Issue info card: allow overflow so editor dropdowns render on top */ body.lotus-theme .rf_issue_info_card.issue.details { overflow: visible; } body.lotus-theme .rf_issue_attrs_grid { overflow: visible; } body.lotus-theme .rf_attrs_col { overflow: visible; } /* 5 — Fake-form wrapper: transparent to layout so Lotus flex is unaffected */ body.lotus-theme #rf-fake-form { display: block; margin: 0; padding: 0; border: none; background: none; width: 100%; } /* 6 — Attribute row: preserve Lotus flex and allow overflow for editor */ body.lotus-theme .rf_attr_row.attribute { overflow: visible; } /* 7 — Value span: allow editor to expand and show dropdowns */ body.lotus-theme .rf_attr_val.value { position: relative; overflow: visible; } /* 8 — Subject area: flex container so h3 and editor panel sit side-by-side */ body.lotus-theme .rf_issue_info_subject.subject { position: relative; display: flex; align-items: center; gap: 4px; width: 100%; } body.lotus-theme .rf_issue_info_subject.subject h3 { display: inline-flex; align-items: center; gap: 4px; flex: 1; min-width: 0; margin: 0; } /* Hide h3 while subject is being edited */ body.lotus-theme div.issue.details div.subject.rf-value-editing h3 { display: none !important; } body.lotus-theme div.issue.details div.subject.rf-value-editing .rf-show-editor { flex: 1; } /* 9 — Info title wrap: allow overflow for subject editor */ body.lotus-theme .rf_issue_info_title_wrap { overflow: visible; } /* 10 — Description section editing state */ body.lotus-theme .rf_issue_desc_section.description .rf_issue_section_label p { margin: 0; display: inline; } /* 11 — Primary button: Lotus teal */ body.lotus-theme .rf-btn--primary { background-color: #2DB7A3; border-color: #2DB7A3; font-family: 'Inter', system-ui, sans-serif; border-radius: 6px; } body.lotus-theme .rf-btn--primary:hover { background-color: #22968A; border-color: #22968A; } /* 12 — Ghost / cancel button */ body.lotus-theme .rf-btn--ghost { font-family: 'Inter', system-ui, sans-serif; border-radius: 6px; border-color: #E5E7EB; height: 34px !important; } body.lotus-theme .rf-btn--ghost:hover { background-color: #F5F6FA; border-color: #D1D5DB; } /* 13 — Description editor action bar */ body.lotus-theme .rf-desc-editor-actions { background: #F5F6FA; border-top-color: #E5E7EB; } /* 14 — Spinner: Lotus teal */ body.lotus-theme .rf-spinner { border-top-color: #2DB7A3; } /* 15 — Toast: Lotus font and radius */ body.lotus-theme .rf-toast { font-family: 'Inter', system-ui, sans-serif; border-radius: 8px; } /* 16 — Searchable select: teal selected state */ body.lotus-theme .rf-ss__option--selected { background-color: #EBF8F6; color: #2DB7A3; } /* 17 — Input / select / textarea: teal focus ring */ body.lotus-theme .rf-input:focus, body.lotus-theme .rf-select:focus, body.lotus-theme .rf-textarea:focus { border-color: #2DB7A3; box-shadow: 0 0 0 3px rgba(45, 183, 163, 0.15); } body.lotus-theme .rf-ss__input:focus { border-color: #2DB7A3; } /* 18 — Progress attribute: preserve Lotus flex after processResponse refresh */ body.lotus-theme .rf_attr_val.value.rf_attr_progress_val { display: flex; align-items: center; gap: 10px; flex: 1; overflow: visible; } /* 19 — Fallback: standard Redmine progress bar rendered by processResponse */ body.lotus-theme .rf_attr_val.value table.progress { display: inline-block; vertical-align: middle; margin: 0; } body.lotus-theme .rf_attr_val.value p.percent { display: inline; margin: 0 0 0 5px; font-size: 12px; color: #6B7280; } /* ================================================================ INPLACE ISSUE EDITOR — LOTUS ISSUE DETAIL PAGE COMPATIBILITY Scoped under body.lotus-theme to avoid affecting other themes. Works in tandem with the Lotus-section at the end of rf_inline_editor.css (token remapping + editor interaction CSS). ================================================================ */ /* 1 — Ensure the info card (now div.issue.details) allows overflow so that editor dropdowns / date pickers are never clipped. Override the lotus_theme.css rule: .rf_issue_info_card { overflow:hidden } */ body.lotus-theme .rf_issue_info_card.issue.details { overflow: visible; } /* 2 — All containers between the card and the value span must not clip */ body.lotus-theme .rf_issue_attrs_grid { overflow: visible; } body.lotus-theme .rf_attrs_col.attributes { overflow: visible; /* Preserve the original Lotus padding */ padding: 16px 0; } body.lotus-theme .rf_attr_row.attribute { /* Preserve Lotus flex row layout; allow dropdown to overflow */ display: flex; align-items: center; gap: 0; padding: 7px 0; font-size: 13px; overflow: visible; } /* 3 — Value span: relative positioning anchor for the editor panel */ body.lotus-theme .rf_attr_val.value { position: relative; overflow: visible; /* Lotus: flex:1 min-width:0 — keep these */ flex: 1; min-width: 0; } /* 4 — Progress attribute: keep Lotus flex after processResponse replaces HTML */ body.lotus-theme .rf_attr_val.value.rf_attr_progress_val { display: flex; align-items: center; gap: 10px; flex: 1; } /* 4a — Ensure .rf-show-display renders as a flex row in the progress attribute context. */ body.lotus-theme div.issue.details .progress.attribute .value .rf-show-display { display: flex !important; align-items: center; gap: 8px; } /* 4b — rf_progress_track uses flex:1 (from lotus_theme.css) which requires a sized parent. On initial page load it is a DIRECT child of rf_attr_progress_val (definite width) so flex:1 works fine. After decorateAttributes wraps it inside .rf-show-display (an auto-sized flex item), flex:1 collapses to near-zero and the bar disappears after saves. This rule only fires when rf_progress_track is nested inside .rf-show-display, so it does not affect initial page load. A fixed 100px width renders the bar reliably and keeps the edit icon close — no excessive spacing. */ body.lotus-theme .rf-show-display .rf_progress_track { flex: 0 0 100px; width: 100px; } /* 5 — Custom fields wrapper: allow inline-editor to work inside it */ body.lotus-theme .rf_issue_custom_fields_wrap.attributes { overflow: visible; } /* 6 — Subject area: overflow visible so editor input is not clipped */ body.lotus-theme .rf_issue_info_title_wrap { overflow: visible; } body.lotus-theme .rf_issue_info_subject.subject { overflow: visible; display: block; } /* 7 — Description section label:

    wrapper — reset paragraph margin */ body.lotus-theme .rf_issue_section_label p { margin: 0; display: inline; font-size: 14px; font-weight: 700; color: var(--rf-text-h, #1A1F2E); } body.lotus-theme .rf_issue_section_label p strong { font-weight: 700; } /* 8 — Description section: allow overflow for the wiki content area */ body.lotus-theme .rf_issue_desc_section.description { overflow: visible; } /* 9 — Reset any default Redmine .attributes container spacing that might be applied to rf_attrs_col or rf_issue_custom_fields_wrap now that they carry the `attributes` class */ body.lotus-theme .rf_attrs_col.attributes table, body.lotus-theme .rf_attrs_col.attributes p { margin: 0; } /* 10 — Searchable-select dropdown: ensure it escapes any remaining clip */ body.lotus-theme .rf_issue_info_card ul.rf-ss__dropdown { overflow: visible; max-height: 220px; overflow-y: auto; } /* ================================================================ INPLACE ISSUE EDITOR — PROJECT CARDS COMPATIBILITY Covers both the board (action-index) and project show (action-show). Scoped under body.lotus-theme. ================================================================ */ /* 1 — li.root/li.child wrappers must not show bullet markers. display:contents has a known browser bug where ::marker still renders, so we use display:block instead and let the inner card div fill the cell. */ body.lotus-theme #projects-index > li.root, body.lotus-theme .rf_subprojects_list > li.child { display: block; list-style: none; margin: 0; padding: 0; } body.lotus-theme #projects-index > li.root::marker, body.lotus-theme .rf_subprojects_list > li.child::marker { content: ''; display: none; } /* 2 — Project cards: switch from flex-column to CSS grid so the title link (now a direct child of div.root for insertBefore compat) and the extras div (icons + arrow) can sit on the same visual row without needing a shared wrapper element. column 1: title (1fr) column 2: extras (auto) */ body.lotus-theme .rf_project_card, body.lotus-theme .rf_subproject_card { display: grid; grid-template-columns: 1fr auto; column-gap: 8px; row-gap: 9px; /* matches the original flex gap: 9px */ align-items: start; } /* 3 — Hidden toggle-icon span: keep it out of the grid flow */ body.lotus-theme .rf_project_card > span.toggle-icon, body.lotus-theme .rf_subproject_card > span.toggle-icon { display: none; } /* 4 — Project title link (a.project.rf_card_title): grid col 1, row 1 — same visual appearance as before */ body.lotus-theme .rf_project_card > a.project.rf_card_title, body.lotus-theme .rf_subproject_card > a.project.rf_card_title { grid-column: 1; grid-row: 1; /* rf_card_title styles from lotus_theme.css still apply; these just add layout */ align-self: center; } /* 5 — Icons + expand toggle: grid col 2, row 1 */ body.lotus-theme .rf_card_title_extras { grid-column: 2; grid-row: 1; display: flex; align-items: center; gap: 4px; flex-shrink: 0; } /* 6 — All other card children span both columns */ body.lotus-theme .rf_project_card > .rf_card_desc, body.lotus-theme .rf_project_card > .rf_card_dates, body.lotus-theme .rf_project_card > .custom-details, body.lotus-theme .rf_project_card > .rf_card_bottom, body.lotus-theme .rf_project_card > .rf_subprojects_section, body.lotus-theme .rf_subproject_card > .rf_card_desc, body.lotus-theme .rf_subproject_card > .rf_card_dates, body.lotus-theme .rf_subproject_card > .custom-details, body.lotus-theme .rf_subproject_card > .rf_card_bottom, body.lotus-theme .rf_subproject_card > .rf_subprojects_section { grid-column: 1 / -1; } /* 7 — Name-edit input inserted by JS into col 1, row 1 */ body.lotus-theme .rf_project_card > .rf-card-name-input, body.lotus-theme .rf_subproject_card > .rf-card-name-input { grid-column: 1; grid-row: 1; align-self: center; width: 100%; } /* Hide extras column while name editing is active */ body.lotus-theme .rf_project_card.rf-card-editing > .rf_card_title_extras, body.lotus-theme .rf_subproject_card.rf-card-editing > .rf_card_title_extras { display: none; } /* 8 — .custom-details doubles as .rf_card_people — restore people-row flex */ body.lotus-theme .custom-details.rf_card_people { display: flex; gap: 10px; } /* 9 — CF divs with numeric IDs: the label comes from data-label via ::before, so textContent returns only the field value (what decorateCF reads). Before JS decoration: styled like rf_person_item + rf_person_name. */ body.lotus-theme .rf_cf_item { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 12.5px; font-weight: 600; color: var(--rf-text-h, #1A1F2E); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; position: relative; } body.lotus-theme .rf_cf_item::before { content: attr(data-label); display: block; font-size: 10px; font-weight: 600; color: var(--rf-text-subtle, #6B7280); text-transform: capitalize; letter-spacing: 0.4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 10 — After JS decoration: rf-card-cf-item overrides inline-flex to preserve the flex-column layout within the card-people flex row */ body.lotus-theme .custom-details .rf-card-cf-item { display: flex; flex-direction: column; flex: 1; min-width: 0; overflow: visible; /* allow dropdown to escape */ } body.lotus-theme .custom-details .rf-card-cf-inner { display: flex; align-items: center; gap: 4px; flex: 1; min-width: 0; overflow: visible; } body.lotus-theme .custom-details .rf-card-cf-text { font-size: 12.5px; font-weight: 600; color: var(--rf-text-h, #1A1F2E); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; min-width: 0; } /* 11 — CF icon hover reveal on the CF item */ body.lotus-theme .rf_cf_item:hover .rf-card-cf-icon, body.lotus-theme .rf_cf_item:hover .rf-edit-icon { opacity: 0.7; } /* 12 — CF editor wrap: allow it to overflow the card */ body.lotus-theme .rf-card-cf-editor { overflow: visible; } body.lotus-theme .custom-details { overflow: visible; } /* 13 — Input inside CF editor: constrain width so it fits the card */ body.lotus-theme .custom-details .rf-card-inp { max-width: 120px; font-size: 12px; } body.lotus-theme .custom-details .rf-card-sel { max-width: 130px; font-size: 12px; } /* 14 — Searchable-select inside card people: allow dropdown to escape the card */ body.lotus-theme .rf_project_card ul.rf-ss__dropdown, body.lotus-theme .rf_subproject_card ul.rf-ss__dropdown { max-height: 180px; overflow-y: auto; z-index: 9999; } /* 15 — Ensure the card itself doesn't clip the CF dropdown */ body.lotus-theme .rf_project_card, body.lotus-theme .rf_subproject_card { overflow: visible; } /* 16 — rf_projects_grid must also allow overflow for dropdowns */ body.lotus-theme .rf_projects_grid { overflow: visible; }