/* Global Font Family */ body, html { font-family: sans-serif !important; font-size: 13px; color: #181C25; } #content h1, h2, h3, h4, h5, h6 { color: #29435c; font-family: sans-serif !important; } #content h2 { color: #000000c2; } .controller-account.action-login #main, .controller-account.action-lost_password #main { margin: 0 !important; padding: 0 !important; } /* Header and top menu */ #top-menu { padding: 10px; background: #29435C; height: 92px; font-size: 12px; padding-bottom: 0.1em; } /* Top menu logo */ .top-menu-logo { display: inline-block; vertical-align: middle; margin-right: 20px; margin-top: 5px; } .top-menu-logo img { margin: 0px 15px 0px 35px; } /* Home icon instead of text */ #top-menu a.home { font-size: 0; } #top-menu a.home::before { content: ''; display: inline-block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; margin-top: 0px; } #top-menu a.home:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fc641f'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E"); background-repeat: no-repeat !important; } /* Profile (My Account) icon instead of text */ #account ul li a.my-account { font-size: 0; } #account ul li a.my-account::before { content: ''; display: inline-block; width: 20px; height: 20px; background-image: url("/assets/plugin_assets/redmineflux_scarlet/profile_ico-77c8a099.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; margin-top: 6px; font-size: 14px; } #account ul li a.my-account:hover::before { background-image: url("/assets/plugin_assets/redmineflux_scarlet/profile_ico_orange-d215abda.svg"); background-repeat: no-repeat !important; } /* Logout icon instead of text */ #account ul li a.logout { font-size: 0; } #account ul li a.logout::before { content: ''; display: inline-block; width: 20px; height: 20px; background-image: url("/assets/plugin_assets/redmineflux_scarlet/logout_ico-29df3767.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; margin-top: 6px; font-size: 14px; } #account ul li a.logout:hover::before { background-image: url("/assets/plugin_assets/redmineflux_scarlet/logout_ico_orange-1b894124.svg"); background-repeat: no-repeat !important; } /* Hide "Logged in as" text, show only username */ #loggedas { font-size: 0; } #loggedas a { font-size: 12px; } #top-menu a { text-transform: uppercase; text-decoration: none; margin-right: 15px; font-weight: 400; letter-spacing: 0.4px; } /* #top-menu ul { margin-top: 9px; } */ /* Keep top tabs in one row; JS moves overflowed tabs into More dropdown */ #top-menu>ul.scarlet-topmenu-managed { display: flex; flex-wrap: nowrap; align-items: center; gap: 2px; overflow: visible; } #top-menu>ul.scarlet-topmenu-managed>li { flex: 0 0 auto; position: relative; } #top-menu>ul.scarlet-topmenu-managed>li.scarlet-topmenu-spacer { flex: 1 1 0; min-width: 0; padding: 0; pointer-events: none; } #top-menu .scarlet-topmenu-more { margin-left: 4px; } #top-menu .scarlet-topmenu-more>a { display: inline-flex; align-items: center; gap: 6px; } #top-menu .scarlet-topmenu-more>a::after { content: ''; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor; transition: transform 0.2s ease; } #top-menu .scarlet-topmenu-more.is-open>a::after { transform: rotate(180deg); } #top-menu .scarlet-topmenu-overflow { position: absolute; right: 0; top: calc(100% + 8px); min-width: 210px; max-width: 300px; max-height: 320px; overflow-y: auto; margin: 0; padding: 8px 0; list-style: none; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 6px; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18); display: none; z-index: 1500; } #top-menu .scarlet-topmenu-more.is-open .scarlet-topmenu-overflow { display: grid; } #top-menu .scarlet-topmenu-overflow li { list-style: none; margin: 0; padding: 0; } #top-menu .scarlet-topmenu-overflow li a { display: block; margin-right: 0; padding: 8px 14px; text-transform: none; color: #29435c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #top-menu .scarlet-topmenu-overflow li a:hover, #top-menu .scarlet-topmenu-overflow li a.selected { background: #fef3f2; color: #fc641f !important; } @media screen and (max-width: 768px) { #top-menu { overflow-x: auto; overflow-y: visible; } #top-menu>ul.scarlet-topmenu-managed { min-width: max-content; padding-right: 10px; } } #loggedas>a.user.active { text-transform: capitalize !important; line-height: 34px; font-size: 14px !important; margin-right: 10px !important; } #header { border-radius: 4px; height: 114px; width: calc(100% - 120px); border: 1px solid rgb(187, 187, 187); background: #D1EBFA !important; color: rgb(75, 151, 250) !important; padding: 4px 26px 0px 0px; box-shadow: 0px 1px 2px rgb(0 0 0 / 30%); position: absolute; margin: 50px 0px 0px 45px; text-transform: uppercase; overflow: visible; } #main-menu .tabs-buttons { right: 0px; top: 8px; padding-left: 15px; background-color: #29435c; border-bottom-color: transparent; } /* Reduce header height when main-menu is not present */ #header:not(:has(#main-menu)) { height: 50px; } #header a { color: #F44336; font-size: 13px; } #header h1 { font-size: 17px !important; color: #29435C; text-transform: capitalize; position: relative; padding-left: 26px; top: 20px; } /* Toggle arrow button element */ /* Hide toggle icon when main-menu is not present */ /* Rotate icon when collapsed */ #main-menu li a:hover, #main-menu li a.selected, #main-menu li a.selected:hover { background-color: rgb(0 0 0 / 20%); color: #FC641F; } /* *****************Header icons ******************/ #main-menu li a.projects { background-image: url("/assets/plugin_assets/redmineflux_scarlet/project_ico-4d9352ad.svg") !important; background-position: 8px 1px !important; background-size: 17px !important; background-repeat: no-repeat !important; } #main-menu li a.overview { background-image: url("/assets/plugin_assets/redmineflux_scarlet/overview_icon-7ae1648b.svg") !important; background-position: 9px 4px !important; background-size: 17px !important; background-repeat: no-repeat !important; } #main-menu li a.activity { background-image: url("/assets/plugin_assets/redmineflux_scarlet/activity_icon-de7ed9d5.svg") !important; background-position: 6px 5px !important; background-size: 17px !important; background-repeat: no-repeat !important; } #main-menu li a.roadmap { background-image: url("/assets/plugin_assets/redmineflux_scarlet/roadmap_icon-75be4d00.svg") !important; background-position: 8px 1px !important; background-size: 17px !important; background-repeat: no-repeat !important; } #main-menu li a.issues { background-image: url("/assets/plugin_assets/redmineflux_scarlet/issue_icon-226afc3e.svg") !important; background-position: 9px 2px !important; background-size: 16px !important; background-repeat: no-repeat !important; } #main-menu li a.time-entries { background-image: url("/assets/plugin_assets/redmineflux_scarlet/spenttime_icon-258c8992.svg") !important; background-position: 7px 1px !important; background-size: 20px !important; background-repeat: no-repeat !important; } #main-menu li a.gantt { background-image: url("/assets/plugin_assets/redmineflux_scarlet/gant_icon-27aa7bfe.svg") !important; background-position: 9px 1px !important; background-size: 17px !important; background-repeat: no-repeat !important; } #main-menu li a.gantt.flux-gantt-chart { background-image: url("/assets/plugin_assets/redmineflux_scarlet/gant_icon-27aa7bfe.svg") !important; background-position: 6px 4px !important; background-repeat: no-repeat !important; } #main-menu li a.calendar { background-image: url("/assets/plugin_assets/redmineflux_scarlet/calendar_icon-2d02a963.svg") !important; background-position: 9px 1px !important; background-size: 17px !important; background-repeat: no-repeat !important; } #main-menu li a.news { background-image: url("/assets/plugin_assets/redmineflux_scarlet/news_icon-864f1c09.svg") !important; background-position: 7px 3px !important; background-size: 18px !important; background-repeat: no-repeat !important; } #main-menu li a.documents { background-image: url("/assets/plugin_assets/redmineflux_scarlet/document_icon-610ce5b8.svg") !important; background-position: 13px 1px !important; background-size: 13px !important; background-repeat: no-repeat !important; } #main-menu li a.wiki { background-image: url("/assets/plugin_assets/redmineflux_scarlet/wiki_icon-5dbe6381.svg") !important; background-position: 9px 0px !important; background-size: 18px !important; background-repeat: no-repeat !important; } #main-menu li a.files { background-image: url("/assets/plugin_assets/redmineflux_scarlet/files_icon-362db682.svg") !important; background-position: 9px 3px !important; background-size: 16px !important; } #main-menu li a.settings { background-image: url("/assets/plugin_assets/redmineflux_scarlet/setting_icon-b0153d6e.svg") !important; background-position: 10px 2px !important; background-size: 17px !important; background-repeat: no-repeat !important; } #main-menu li a.agile { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='9' rx='1'/%3E%3Crect x='14' y='3' width='7' height='5' rx='1'/%3E%3Crect x='14' y='12' width='7' height='9' rx='1'/%3E%3Crect x='3' y='16' width='7' height='5' rx='1'/%3E%3C/svg%3E") !important; background-position: 8px 2px !important; background-size: 16px !important; background-repeat: no-repeat !important; } #main-menu li a.dashboard { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M7 17V13'/%3E%3Cpath d='M12 17V7'/%3E%3Cpath d='M17 17V11'/%3E%3C/svg%3E") !important; background-size: 18px !important; background-position: 8px 2px !important; background-repeat: no-repeat !important; } #main-menu li a.analytics-dashboard, #main-menu li a.analytics-dashboard:hover, #main-menu li a.analytics-dashboard.selected, #main-menu li a.analytics-dashboard.selected:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M7 17V13'/%3E%3Cpath d='M12 17V7'/%3E%3Cpath d='M17 17V11'/%3E%3C/svg%3E") !important; background-position: 8px 2px !important; background-size: 17px !important; background-repeat: no-repeat !important; } #main-menu li a.agile-board, #main-menu li a.agile-board:hover, #main-menu li a.agile-board.selected, #main-menu li a.agile-board.selected:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='9' rx='1'/%3E%3Crect x='14' y='3' width='7' height='5' rx='1'/%3E%3Crect x='14' y='12' width='7' height='9' rx='1'/%3E%3Crect x='3' y='16' width='7' height='5' rx='1'/%3E%3C/svg%3E") !important; background-position: 8px 2px !important; background-size: 16px !important; background-repeat: no-repeat !important; } #main-menu li a.backlog, #main-menu li a.backlog:hover, #main-menu li a.backlog.selected, #main-menu li a.backlog.selected:hover { background-image: url("/assets/plugin_assets/redmineflux_scarlet/backlog_white-6499f0cf.svg") !important; background-position: 8px 2px !important; background-size: 17px !important; background-repeat: no-repeat !important; } #main-menu li a.test-suites, #main-menu li a.test-suites:hover, #main-menu li a.test-suites.selected, #main-menu li a.test-suites.selected:hover, #main-menu li a.testcase, #main-menu li a.testcase:hover, #main-menu li a.testcase.selected, #main-menu li a.testcase.selected:hover, #main-menu li a.testcases, #main-menu li a.testcases:hover, #main-menu li a.testcases.selected, #main-menu li a.testcases.selected:hover { background-image: url("/assets/plugin_assets/redmineflux_scarlet/testcase_white-12b41278.svg") !important; background-position: 8px 2px !important; background-size: 17px !important; background-repeat: no-repeat !important; } #main-menu li a.repository, #main-menu li a.repository:hover, #main-menu li a.repository.selected, #main-menu li a.repository.selected:hover { background-image: url("/assets/plugin_assets/redmineflux_scarlet/repository-fc5c8aac.svg") !important; background-position: 9px 3px !important; background-size: 13px !important; background-repeat: no-repeat !important; } #main-menu li a.helpdesk, #main-menu li a.helpdesk:hover, #main-menu li a.helpdesk.selected, #main-menu li a.helpdesk.selected:hover { background-image: url("/assets/plugin_assets/redmineflux_scarlet/helpdesk_white-14ac0c38.svg") !important; background-position: 8px 2px !important; background-size: 17px !important; background-repeat: no-repeat !important; } #main-menu li a.redmineflux-gantt, #main-menu li a.redmineflux-gantt:hover, #main-menu li a.redmineflux-gantt.selected, #main-menu li a.redmineflux-gantt.selected:hover { background-image: url("/assets/plugin_assets/redmineflux_scarlet/Fluxgantt-3b4b8edd.svg") !important; background-position: 9px 1px !important; background-size: 17px !important; background-repeat: no-repeat !important; } #main-menu li a.new-pages, #main-menu li a.knowledgebase, #main-menu li a.new-pages:hover, #main-menu li a.knowledgebase:hover, #main-menu li a.new-pages.selected, #main-menu li a.knowledgebase.selected, #main-menu li a.new-pages.selected:hover, #main-menu li a.knowledgebase.selected:hover { background-image: url("/assets/plugin_assets/redmineflux_scarlet/knowledge-8978d18d.svg") !important; background-position: 6px 1px !important; background-repeat: no-repeat !important; } #main-menu li a.issue-template, #main-menu li a.issue-template:hover, #main-menu li a.issue-template.selected, #main-menu li a.issue-template.selected:hover { background-image: url("/assets/plugin_assets/redmineflux_scarlet/IssueTemplate-6e0a1af1.svg") !important; background-position: 9px 2px !important; background-size: 17px !important; background-repeat: no-repeat !important; } /* latest plugins icons css end */ #main-menu li a { background-image: url("/assets/plugin_assets/redmineflux_scarlet/default_icon-7808a7fb.svg"); font-family: sans-serif; font-weight: bold; color: #FFFFFF; padding-left: 30px; background-position: 8px 2px; background-repeat: no-repeat !important; position: relative; background-size: 17px; letter-spacing: 0.4px; /* padding-top: 2px; */ } #main-menu li a:hover, #main-menu li a.selected, #main-menu li a.selected:hover { background-color: rgb(0 0 0 / 20%); background-image: url("/assets/plugin_assets/redmineflux_scarlet/default_icon-7808a7fb.svg"); color: #FC641F; border-radius: 3px; background-size: 17px; background-position: 8px 2px; background-repeat: no-repeat !important; } #main-menu { border-radius: 4px; width: 98%; margin-left: 16px; margin-bottom: 10px; height: 40px; background-color: #29435C; box-shadow: 0px 4px 10px rgb(41 67 92 / 30%); left: 0px; } #main-menu ul { margin: 10px 40px 0px 25px; overflow: hidden; text-overflow: ellipsis; width: auto; color: #29435C; } #main-menu li a { font-weight: 400 !important; } .controller-my.action-page #top-menu a.my-page, #top-menu ul li a.selected, .controller-admin.action-index #top-menu a.administration, #top-menu ul li a:hover, .controller-rf_boards.action-global #top-menu a.global-agile-board, .controller-timesheets #top-menu a.timesheet, .controller-approvals #top-menu a.timesheet, .controller-timesheet_reports #top-menu a.timesheet, .controller-admin_dashboard #top-menu a.timesheet, .controller-rf_teams #top-menu a.timesheet, .controller-approval_schemas #top-menu a.timesheet, .controller-audit_logs #top-menu a.timesheet, .controller-timesheet_settings #top-menu a.timesheet, .controller-time_tracker_dashboard #top-menu>ul>li>a.time-tracker, .controller-rf_workloads #top-menu>ul>li>a.workload, .controller-workload_dashboard #top-menu>ul>li>a.workload, .controller-rf_teams #top-menu>ul>li>a.workload, .controller-rf_skills #top-menu>ul>li>a.workload, .controller-rf_settings.action-index #top-menu>ul>li>a.workload, .controller-rf_leaves #top-menu>ul>li>a.workload { color: #fc641f !important; } #quick-search>form>label>a { color: #6D7193; font-size: 16px; font-weight: bold; text-transform: none; } #quick-search #q { background: #FEFFFF url("/assets/plugin_assets/redmineflux_scarlet/search_ico-455d9033.svg") no-repeat; width: 250px; height: 32px; background-position-x: 220px; background-position-y: 6px; box-sizing: border-box; background-size: 18px 18px; vertical-align: middle; border: 1px solid rgba(16, 70, 70, 0.16); border-radius: 3px; padding-right: 35px; } #project-jump .drdn-trigger { width: 340px; height: 32px; padding: 8px 0px 0px 12px; border-radius: 3px; border: 1px solid rgba(16, 70, 70, 0.16); color: #6D7193; font-size: 13px !important; padding-right: 35px; background: #FFFFFF url("/assets/plugin_assets/redmineflux_scarlet/arrow_ico-ea7250bc.svg") no-repeat 95% 53%; background-size: 12px; } #project-jump.drdn { width: 345px; } #project-jump .drdn-content { width: 337px; right: 5px; top: 32px; } input.autocomplete { background: #FEFFFF url("/assets/plugin_assets/redmineflux_scarlet/search_ico-455d9033.svg") no-repeat; background-position: 5px; padding-left: 30px !important; } #project-jump>div>div.drdn-items.projects.selection>strong { color: #181818 !important; font-weight: bold; } #project-jump .drdn-items>* { color: #555 !important; font-weight: 300; padding: 4px 0px !important; } #main-menu .menu-children li a:hover, #project-jump .drdn-items>a:hover { color: #6D7193 !important; background-color: #d1ebfa !important; } /* Menu Children Dropdown - Modern UI */ #main-menu .menu-children { position: fixed; margin: 5px 0px 0px 0px; background: #ffffff; border-radius: 4px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); padding: 8px 0; min-width: 200px; border: 1px solid #e5e7eb; z-index: 1000; } #main-menu .menu-children li { list-style: none; margin: 0; padding: 0; } #main-menu .menu-children li a { display: block; padding: 10px 20px; color: #29435C; text-decoration: none; font-size: 13px; font-weight: 400; transition: all 0.2s ease; border-left: 3px solid transparent; } #main-menu .menu-children li a:hover { background-color: #f9fafb !important; color: #fc641f !important; border-left-color: #fc641f; padding-left: 22px; } #main-menu .menu-children li a.selected { background-color: #fef3f2; color: #fc641f; border-left-color: #fc641f; font-weight: 500; } /* Separator between menu items */ #main-menu .menu-children li+li { border-top: 1px solid #f3f4f6; } #main-menu li a.new-object { background-color: rgb(0 0 0 / 20%); background-image: none; padding: 4px 10px 4px 10px; } /* ********************** */ /* Main content area */ div#main { padding: 80px 32px 0px 32px !important; background: rgb(246 246 250); transition: margin-left 0.3s ease; } /* Adjust main padding when main-menu is not present in header */ #header:not(:has(#main-menu))~#main { padding-top: 25px !important; } #content, #wrapper { background: rgb(246 246 250); } /* Content heading */ #content>h2 { display: inline-block; vertical-align: middle; margin-bottom: 10px; } div#my-page { margin-top: 20px; } /* Sidebar - Left Side with Toggle */ #sidebar { position: absolute !important; left: 0; /* top: 100px; */ width: 215px; min-height: -webkit-fill-available; background: rgb(246, 246, 250); overflow-y: visible; overflow-x: hidden; z-index: 100; padding: 15px; transition: width 0.3s ease, padding 0.3s ease, top 0.3s ease; display: none; } /* Adjust sidebar position when header is collapsed */ /* Adjust sidebar position when main-menu is not present */ #header:not(:has(#main-menu))~* #sidebar { top: 126px; min-height: -webkit-fill-available; } /* Fix: versions index (roadmap) — sidebar must not extend below footer */ body.controller-versions.action-index #sidebar { overflow-y: auto; max-height: -webkit-fill-available; } body.controller-versions.action-index #header:not(:has(#main-menu))~* #sidebar { max-height: calc(100vh - 126px); } @media (min-width: 900px) and (max-width: 1400px) { #sidebar { overflow-y: auto; max-height: -webkit-fill-available; } #header:not(:has(#main-menu))~* #sidebar { max-height: calc(100vh - 126px); } } /* Show sidebar only when it has content */ #main.collapsiblesidebar #sidebar { display: block; } #sidebar::-webkit-scrollbar { width: 3px; } #sidebar::-webkit-scrollbar-track { background: #f1f1f1; } #sidebar::-webkit-scrollbar-thumb { background: #ddd; border-radius: 3px; } #sidebar::-webkit-scrollbar-thumb:hover { background: #bbb; } /* Sidebar Hidden State - driven by core Redmine's #main.collapsedsidebar. The sidebar box collapses to zero width instead of being translated out of view, because #sidebar-switch-panel (core's toggle) lives inside #sidebar and has to stay on screen for the user to expand it again. */ #main.collapsedsidebar #sidebar { width: 0; padding-left: 0; padding-right: 0; overflow: visible; } #main.collapsedsidebar #sidebar-wrapper { display: none; } /* CRM delete-confirmation modal (#rf_crm_modal) is rendered via content_for(:sidebar), so it physically lands inside #sidebar in the DOM, alongside #sidebar-wrapper (the always-visible CRM icon rail, .rf_crm_ sidebar_nav — a sibling of the modal, also a child of #sidebar). Any non-none `transform` on #sidebar would make it the CSS containing block for the modal's `position: fixed`, trapping it inside the narrow sidebar column instead of centering it over the page. Guard against that while the modal is open. `background` is reset too so #sidebar's own box never paints visibly. Deliberately NOT touching visibility/opacity here: `visibility` is inherited by #sidebar-wrapper's children, and `opacity` composites the whole subtree as one layer regardless of children's own opacity — forcing either on #sidebar would also hide the icon rail, which must stay visible and functional while the modal is open. Scoped to the CRM controllers that actually render this modal, matching this theme's existing .controller-X convention used elsewhere in this file. */ .controller-crm_dashboard #sidebar:has(.rf_crm_modal_overlay.is-visible), .controller-contacts #sidebar:has(.rf_crm_modal_overlay.is-visible), .controller-companies #sidebar:has(.rf_crm_modal_overlay.is-visible), .controller-deals #sidebar:has(.rf_crm_modal_overlay.is-visible), .controller-leads #sidebar:has(.rf_crm_modal_overlay.is-visible), .controller-crm_activities #sidebar:has(.rf_crm_modal_overlay.is-visible), .controller-crm_reports #sidebar:has(.rf_crm_modal_overlay.is-visible), .controller-crm_audit_logs #sidebar:has(.rf_crm_modal_overlay.is-visible), .controller-crm_settings #sidebar:has(.rf_crm_modal_overlay.is-visible) { transition: none !important; transform: none !important; background: transparent !important; } div#main.collapsedsidebar { margin-left: 0 !important; } div#main.collapsiblesidebar:not(.collapsedsidebar) { margin-left: 235px !important; } /* No margin when sidebar has no content */ div#main.nosidebar { margin-left: 0 !important; } /* Sidebar Toggle Button - core Redmine's #sidebar-switch-button, restyled to match this theme. Core's collapsibleSidebar() wires up the click handler, the chevron icon and the per-page state in localStorage. */ #sidebar-switch-panel { width: auto; margin: 0 0 8px 0; padding: 0; } #sidebar-switch-button { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border-radius: 4px; } #sidebar-switch-button:hover { background-color: #ececf2; } #sidebar-switch-button svg { width: 18px; height: 18px; stroke: #555; } #sidebar-switch-button:hover svg { stroke: #fc641f; } /* While collapsed #sidebar is zero-width, so pull the toggle back into the gutter of #content and keep it above the page content. */ #main.collapsedsidebar #sidebar-switch-panel { position: relative; z-index: 101; margin-left: 2px; } /* Sidebar Headings */ #sidebar h3 { font-size: 13px; font-weight: bold; color: #333; margin: 15px 0 10px 0; padding-bottom: 6px; border-bottom: 1px solid #ddd; } #sidebar h3:first-child { margin-top: 0; } /* Sidebar Links */ #sidebar a { color: #555; text-decoration: none; font-size: 13px; transition: color 0.2s ease; } /* #sidebar a:hover { color: #ffffff; } */ /* Sidebar Lists */ #sidebar ul { list-style: none; padding: 0; margin: 0 0 10px 0; } #sidebar #watchers>ul>li>a { display: inline; } #sidebar #watchers ul li { display: flex; justify-content: space-between; } #sidebar #watchers>ul>li>a.icon-del { background-image: url("/assets/plugin_assets/redmineflux_scarlet/delete_ico-ffae530f.svg") !important; background-size: 15px !important; background-position: 0px 49% !important; font-size: 5px !important; color: #ffffff00 !important; opacity: 1; background-repeat: no-repeat !important; background-color: transparent !important; } #sidebar #watchers>ul>li>a.icon-del>svg>use { display: none; } #sidebar ul li { padding: 4px 0; } #sidebar ul li a { display: block; padding: 5px 8px; border-radius: 4px; transition: all 0.2s ease; } #sidebar ul li a:hover { background-color: rgba(252, 100, 31, 0.1); color: black; } .icon-clear-query { background-image: url("/assets/plugin_assets/redmineflux_scarlet/close-icon-3f7f8e53.svg") !important; background-size: 12px; background-repeat: no-repeat !important; font-size: 0px !important; background-position: 0px 9px !important; } .icon-clear-query:hover { background-color: transparent !important; } .icon-clear-query>svg>use { display: none !important; } #sidebar>ul.queries>li { display: flex; } #sidebar>ul.queries>li>a { margin-right: 4px; padding: 4px 12px; } #new-watcher-form>#users_for_watcher>label>span { background-image: none; padding-left: 5px; } /* filter /option */ #query_form_content { font-size: 13px; margin-bottom: 2em; background: #FFFFFF; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 12%); margin-top: 20px; border-radius: 3px; } fieldset { border: none; border-radius: 3px; } fieldset.collapsible>legend { line-height: 2.5rem !important; } fieldset#options { margin-top: -20px; } option { background: #FEFFFF url("/assets/plugin_assets/redmineflux_scarlet/move_ico-c2525aed.svg") no-repeat !important; background-position: 98% 8px !important; display: block; white-space: nowrap !important; min-height: 1.2em; width: auto !important; padding: 5px 15px 5px 15px; margin: 10px 10px 10px 10px !important; text-align: start !important; border: 1px dashed rgba(16, 70, 70, 0.14) !important; border-radius: 3px !important; /* font-weight: bold !important; */ font-size: 13px; text-overflow: ellipsis; overflow: hidden; font-family: sans-serif; color: #333; } #list-definition { margin-left: 50px; } #query_form_content table tbody tr td label { font-size: 13px; color: #6d7193; text-transform: uppercase !important; } select[multiple=multiple] { padding-right: 10px; height: 300px !important; width: 333px; background: #FEFFFF !important; margin-bottom: 20px; } .query-columns .buttons input[type=button] { margin-right: 15px; margin-left: 15px; } #query_form_with_buttons>p>a.icon.icon-edit { background-image: url("/assets/plugin_assets/redmineflux_scarlet/Edit_white-0d935ca4.svg") !important; background-position: 4% 44% !important; background-size: 16px !important; padding: 10px 10px 13px 25px !important; background-repeat: no-repeat !important; } #query_form_with_buttons>p>a.icon.icon-del { background-position: 4% 44% !important; background-size: 16px !important; padding: 10px 10px 13px 25px !important; background-repeat: no-repeat !important; } /* Filters - Collapsed by default */ /* fieldset#filters.collapsed { Redmine core handles the collapsed state } */ /* Query form buttons - Hidden when filters and options are closed */ #query_form_with_buttons>p.buttons { display: none; transition: opacity 0.3s ease; } #query_form_with_buttons.show-buttons>p.buttons { display: block; margin-bottom: 3em; } .icon-collapsed { color: #6D7193 !important; } fieldset.collapsible>legend:hover, .controller-users.action-edit #tab-content-groups>form>div>p>a:hover { color: #fc641f !important; } input[type="checkbox"] { height: auto !important; accent-color: #fc641f; } /* ================================================ */ /* PROJECT CARDS - Modern Card Design */ /* ================================================ */ /* Projects Index Page Background */ #projects-index { background: rgb(246, 246, 250); /* min-height: calc(100vh - 205px); */ column-width: 450px !important; } /* Project Card Container */ #projects-index ul.projects { padding: 0; margin: 5px; list-style: none; } /* Root Level Project Cards */ #projects-index ul.projects li.root { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 12px; margin-bottom: 20px; padding: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; overflow: hidden; } #projects-index ul.projects li.root:hover { box-shadow: 0 4px 12px rgba(252, 100, 31, 0.15); border-color: #fc641f; transform: translateY(-2px); } /* Project Card Content Wrapper */ #projects-index ul.projects div.root { padding: 24px 28px; } /* DISABLED: Child/Sub-projects Styling - Hierarchical View */ /* Root project with children - add padding for toggle icon #projects-index ul.projects li.root.has-children>div.root { padding-left: 60px; position: relative; } Toggle icon for root projects with children #projects-index ul.projects li.root.has-children>div.root::before { content: ''; position: absolute; left: 24px; top: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236B7280'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer; transition: transform 0.2s ease; z-index: 1; } #projects-index ul.projects li.root.has-children>div.root:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fc641f'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat !important; } #projects-index ul.projects li.root.has-children.collapsed>div.root::before { transform: rotate(-90deg); } Hide nested projects when root is collapsed #projects-index ul.projects li.root.has-children.collapsed>ul.projects { display: none; } Make root project div clickable when it has children #projects-index ul.projects li.root.has-children>div.root { cursor: pointer; } */ /* Project Name Link */ #projects-index ul.projects div.root a.project { font-size: 16px; font-weight: bold; color: #29435C; text-decoration: none; display: block; align-items: center; padding-left: 32px; position: relative; transition: color 0.2s ease; font-family: sans-serif; } /* Project Icon */ #projects-index ul.projects div.root a.project::before { content: ''; position: absolute; left: 0; width: 22px; height: 22px; background-image: url("/assets/plugin_assets/redmineflux_scarlet/project_name-4a90c0c2.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; transition: all 0.2s ease; } #projects-index ul.projects div.root a.project:hover { color: #fc641f; } /* My Project Icon */ #projects-index ul.projects div.root a.project.icon-user.my-project::after { content: ''; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fc641f'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E"); background-size: 18px; background-repeat: no-repeat; flex-shrink: 0; display: inline-block; right: 0px; position: absolute; } /* Bookmarked Project Icon */ #projects-index ul.projects div.root a.project.icon-bookmarked-project::after { content: ''; width: 18px; height: 18px; margin-left: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fc641f'%3E%3Cpath d='M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E"); background-size: 18px; background-repeat: no-repeat; flex-shrink: 0; } #content>p:nth-child(6)>span.icon.icon-user.my-project>span, #content>p:nth-child(6)>span.icon.icon-bookmarked-project>span { background-image: none; padding-left: 0px !important; } /* Remove default icon styling */ #projects-index ul.projects div.root a.project.icon-user, #projects-index ul.projects div.root a.project.icon-bookmarked-project { background-image: none !important; padding-left: 32px; } /* Project Description */ #projects-index ul.projects div.root div.description { margin-top: 12px; padding: 16px 0 15px 0px; color: #6B7280; font-size: 14px; line-height: 1.6; border-top: 1px solid #f3f4f6; } #projects-index ul.projects div.root div.description p { margin: 8px 0; } #projects-index ul.projects div.root div.description p:first-child { margin-top: 0; } #projects-index ul.projects div.root div.description p:last-child { margin-bottom: 0; } #projects-index li.root ul.projects { border-left: none !important; } #projects-index ul.projects li.child { margin-top: 1em; background: transparent; border: none; border-left: 2px solid #e5e7eb; border-radius: 0; margin-bottom: 8px; margin-left: 0px; padding: 10px; box-shadow: none; transition: border-color 0.2s ease; overflow: visible; } #projects-index ul.projects.root li.root .root a.project.root, #projects-index ul.projects.root li.root ul.projects li.child .child a.project.child { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold !important; color: #222222; font-family: sans-serif; font-weight: bold; text-decoration: none; width: 90%; height: 22px; } /* DISABLED: Child/Sub-projects Styling - Hierarchical View */ /* #projects-index ul.projects li.child:hover { box-shadow: none; border-left-color: #fc641f; transform: none; } #projects-index ul.projects div.child { padding: 12px 16px; background: transparent; border-radius: 6px; transition: background 0.2s ease; } #projects-index ul.projects div.child:hover { background: rgba(252, 100, 31, 0.05); } #projects-index ul.projects div.child a.project { font-size: 17px; font-weight: 500; padding-left: 28px; } #projects-index ul.projects div.child a.project::before { width: 20px; height: 20px; } Subproject descriptions #projects-index ul.projects div.child div.description { margin-top: 8px; padding: 8px 0 0 28px; color: #6B7280; font-size: 13px; line-height: 1.5; border-top: none; } Nested subprojects container - deeper hierarchy #projects-index ul.projects ul.projects { margin-top: 8px; padding-left: 0; } Toggle icon for expandable subprojects #projects-index ul.projects li.child.has-children>div.child { position: relative; padding-left: 40px; } #projects-index ul.projects li.child.has-children>div.child::before { content: ''; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); display: inline-block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236B7280'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer; transition: transform 0.2s ease; } #projects-index ul.projects li.child.has-children>div.child:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fc641f'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat !important; } #projects-index ul.projects li.child.has-children.collapsed>div.child::before { transform: translateY(-50%) rotate(-90deg); } Hide nested projects when collapsed #projects-index ul.projects li.child.has-children.collapsed>ul.projects { display: none; } Adjust project link position for items with toggle icon #projects-index ul.projects li.child.has-children>div.child a.project { padding-left: 28px; } */ /* Archived Projects */ #projects-index ul.projects li.archived { opacity: 0.65; } #projects-index ul.projects li.archived:hover { opacity: 1; } /* Legend Icons */ .icon-user.my-project { background-image: none; padding-left: 24px; position: relative; } #content>p>span.icon.icon-user.my-project::before { content: ''; position: absolute; left: 0; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fc641f'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; top: 50%; transform: translateY(-50%); } .icon-bookmarked-project { background-image: none; padding-left: 24px; position: relative; } .icon-bookmarked-project::before { content: ''; position: absolute; left: 0; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fc641f'%3E%3Cpath d='M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E"); background-size: 18px; background-repeat: no-repeat; top: 50%; transform: translateY(-50%); } /* Responsive Design */ @media screen and (max-width: 899px) { /* This is core Redmine's flyout breakpoint (responsive.css): below it responsive.js detaches every child of #sidebar into the flyout menu, so #sidebar - toggle button included - is left empty. Stop reserving the gutter for it and hide the empty box, or the page renders with a 235px blank column and a squeezed #content. */ #sidebar, #main.collapsiblesidebar #sidebar { display: none !important; } div#main, div#main.collapsiblesidebar, div#main.collapsiblesidebar:not(.collapsedsidebar), div#main.collapsedsidebar { margin-left: 0 !important; } #header { width: 100% !important; height: 64px !important; margin: 0 !important; padding: 0 !important; border: none !important; background-color: #628db6 !important; position: fixed !important; } #project-jump .drdn-trigger { font-size: 15px !important; width: 100% !important; color: #fff !important; padding-left: 24px !important; background: transparent !important; height: 50px !important; border: 0 !important; } #project-jump .drdn-content { top: 64px !important; width: 100% !important; } .mobile-toggle-button { font-size: 42px !important; } .top-menu-logo img { margin: 0px; display: none; padding: 0px; } .flyout-menu a { color: white !important; } .top-menu-logo, a.scarlet-topmenu-more-toggle { display: none !important; } #projects-index ul.projects.root li.root .root a.project.root, #projects-index ul.projects.root li.root ul.projects li.child .child a.project.child { width: 80% !important; } .flyout-menu ul li a { height: 25px !important; line-height: 25px !important; font-size: 12px; } .controller-issues.action-show #content>.contextual span.drdn { padding: 0px; margin: 0px; height: 44px; line-height: 2px; } #top-menu .scarlet-topmenu-more { display: none !important; } .controller-issues .journal { clear: left; padding-left: 10px; } .controller-projects.action-show .sc-role-section:last-child { margin-bottom: 80px !important; } /* Redmine core (responsive.css) sizes the mobile flyout menu with height:100%, which on iOS Safari resolves against the tall/initial viewport rather than the actually-visible area behind the address bar. When a project has many modules, the flyout's real content fits inside that inflated height but not inside the visible screen, so the browser sees no overflow and refuses to scroll — the bottom entries (custom queries, "My account" / "Sign out") become unreachable. Give it the real visible height so overflow (and scrolling) is detected correctly, and enable iOS momentum scrolling once it does overflow. */ .flyout-menu { height: 100% !important; height: -webkit-fill-available !important; height: 90dvh !important; -webkit-overflow-scrolling: touch; } } @media (max-width: 768px) { div.issue .attributes .attribute .label { margin-left: 0px; padding-left: 10px; } #projects-index { padding: 16px; } #projects-index ul.projects div.root { padding: 20px; } #projects-index ul.projects div.root a.project { font-size: 18px; } #projects-index ul.projects li.child { margin-left: 20px; } #projects-index ul.projects div.child { padding: 14px 16px; } /* Mobile only: this widget uses a fixed 333px width tuned for desktop, which forces horizontal overflow on phone screens. */ select[multiple=multiple] { width: 100% !important; max-width: 100%; } } @media screen and (max-width: 500px) { #main { margin-bottom: 85px !important; } } /* buttons */ input[type="submit"], button[type="submit"] { background-color: #FC641F !important; color: #FFFFFF !important; height: 40px; border-radius: 3px; font-size: 13px !important; font-weight: 500; padding: 10px 30px; font-family: sans-serif !important; } input[type="submit"]:hover, button[type="submit"]:hover, .buttons .icon:hover, #content>div.contextual>a:hover, #tab-content-Testcase_Run_Types>div>div>a.icon.icon-add:hover, div.contextual #create-checklist-template-link:hover, .contextual.add_email_template #create-email-template-link:hover, #content>div.containerBlock>div>a.icon.icon-add:hover, #tab-content-activities>div>a:hover { background-color: #fc641fc7 !important; text-decoration: none !important; } .buttons .icon { padding: 10px 18px 10px 25px !important; background-color: #FC641F !important; color: #FFFFFF !important; border-radius: 3px; font-size: 13px !important; } #content>div.contextual>a, #create-checklist-template-link, #tab-content-canned_responses>div.contextual>a.icon.icon-add, #create-email-template-link, #tab-content-Testcase_Run_Types>div>div>a#create-run-type-link, a.modal-link.icon.icon-add, #reset_memb, a.modal-skill.icon.icon-add, button.addW.icon.icon-add, #content>div.helpdesk_top_section>div>a.icon.icon-add, #tab-content-holidays>div>a, #tab-content-support_levels>div>a, #add-customer-link, .version-button a, #content>div.containerBlock>div>a.icon.icon-add, #tab-content-activities>div>a { background-color: #fc641f !important; font-size: 14px !important; border-radius: 3px !important; padding: 12px 15px 11px 35px; color: #ffffff !important; text-decoration: none; background-repeat: no-repeat !important; } button.addW.icon.icon-add, #content>div.helpdesk_top_section>div>a.icon.icon-add, #tab-content-holidays>div>a, .version-button a { background-position: 15px; text-decoration: none !important; } .member>td.buttons>a.icon { background-color: transparent !important; color: #181C25; } /* Contextual button styling */ .icon-add { background-image: url("/assets/plugin_assets/redmineflux_scarlet/plus_ico-05e3a0cd.svg"); background-repeat: no-repeat !important; } /* Bookmark icons */ .icon-bookmark { background-image: url('data:image/svg+xml;utf8,'); background-size: 16px; background-position: 10% 50%; background-repeat: no-repeat !important; } .icon-bookmark-off { background-image: url('data:image/svg+xml;utf8,'); background-size: 16px; background-position: 12% 50%; background-repeat: no-repeat !important; } .controller-issues.action-show #content .contextual a.icon.icon-time-add { background-image: url("/assets/plugin_assets/redmineflux_scarlet/timer_ico-9830f380.svg"); background-size: 16px; background-position: 15% 52%; background-repeat: no-repeat !important; } div.contextual>a.icon-add, .contextual>.icon-time-add, div.contextual #create-checklist-template-link, .contextual.add_email_template #create-email-template-link, #tab-content-Testcase_Run_Types>div>div>a#create-run-type-link { background-image: url("/assets/plugin_assets/redmineflux_scarlet/plus_ico-05e3a0cd.svg"); background-size: 12px; background-position: 15px 13px !important; background-repeat: no-repeat !important; } #tab-content-Testcase_Run_Types>div>div>a#create-run-type-link { background-position: 10px 16px !important; } .icon-settings { background-image: url("/assets/plugin_assets/redmineflux_scarlet/settings_white-a894b158.svg"); background-size: 18px; background-position: 11px; background-repeat: no-repeat !important; } #query_form_with_buttons>p>a.icon-checked, #content>form>fieldset>input.small, #tab-content-versions>form>fieldset>input[type=submit], #users_form>fieldset>input.small, button#createButton { background-image: url("/assets/plugin_assets/redmineflux_scarlet/tick_ico-6272101a.svg"); background-position: 11px 13px; background-size: 13px; background-repeat: no-repeat; padding: 10px 18px 10px 30px; } .icon.icon-reload, button#clearButton { background-image: url("/assets/plugin_assets/redmineflux_scarlet/clear-bbc16ac8.svg"); background-size: 16px !important; background-position: 6px 10px; background-repeat: no-repeat; } .icon-save { background-image: url("/assets/plugin_assets/redmineflux_scarlet/Done-0fcda13c.svg") !important; background-position: 5px 50% !important; background-size: 16px !important; background-repeat: no-repeat !important; } .icon-edit { background-image: url("/assets/plugin_assets/redmineflux_scarlet/Edit-b6dd804b.svg"); background-position: 18% 50% !important; background-size: 16px !important; background-repeat: no-repeat !important; } .controller-messages #content>div.contextual>a.icon.icon-edit, .controller-news #content>div.contextual>a.icon.icon-edit, .controller-versions.action-show #content>div.contextual>a.icon.icon-edit { background-image: url("/assets/plugin_assets/redmineflux_scarlet/Edit_white-0d935ca4.svg"); background-repeat: no-repeat !important; } .controller-messages #content>div.contextual>a.icon.icon-comment { background-image: url("/assets/plugin_assets/redmineflux_scarlet/Message_white-5d3df177.svg"); background-size: 16px !important; background-position: 15% 50% !important; background-repeat: no-repeat !important; } .icon-del { background-image: url("/assets/plugin_assets/redmineflux_scarlet/delete_ico_white-5820b74e.svg"); background-size: 15px !important; background-position: 12px 49% !important; background-repeat: no-repeat !important; } .icon-fav, .icon-fav-off { background-image: url("/assets/plugin_assets/redmineflux_scarlet/Watch-4855b89e.svg"); background-size: 16px !important; background-position: 15% 50% !important; background-repeat: no-repeat !important; } .controller-boards.action-show #content>div.contextual>a.icon-fav-off, .controller-boards.action-show #content>div.contextual>a.icon-fav, .controller-messages.action-show #content>div.contextual>a.icon.icon-fav, .controller-messages.action-show #content>div.contextual>a.icon.icon-fav-off, .controller-news #content>div.contextual>a.icon.icon-fav, .controller-news #content>div.contextual>a.icon.icon-fav-off, .controller-boards #content>div.contextual>a.icon.icon-fav-off, .controller-boards #content>div.contextual>a.icon.icon-fav { background-image: url("/assets/plugin_assets/redmineflux_scarlet/Watch_white-a29ffc2a.svg"); background-repeat: no-repeat !important; } .controller-wiki #content>div.contextual>a.icon-fav, .controller-wiki #content>div.contextual>a.icon-fav-off, .controller-news.action-index #content>div.contextual>a.icon-fav, .controller-news.action-index #content>div.contextual>a.icon-fav-off { background-image: url("/assets/plugin_assets/redmineflux_scarlet/Watch_white-a29ffc2a.svg"); background-size: 16px !important; background-position: 15% 50% !important; background-repeat: no-repeat !important; } .controller-wiki #sidebar>div.contextual>a.icon.icon-edit { background-image: none; } #replies>h3.comments.icon.icon-comments>span.icon-label { margin-left: 3px !important; } .icon-copy { background-image: url("/assets/plugin_assets/redmineflux_scarlet/copy_ico-246c61e3.svg"); background-size: 16px !important; background-position: 18% 52% !important; background-repeat: no-repeat !important; } /* Crux plugin (CRX-46) — "Improve with Crux" wand, same icon-class pattern as every other toolbar button on this page. Crux_Bulb.svg is Redmine's own native "bulb" glyph (app/assets/images/icons.svg, symbol icon--bulb), exported standalone and colored to match this theme's icon gray (#888DA0, same as Edit.svg) since a background-image can't inherit currentColor the way the inline SVG sprite does. */ .icon-crux-improve { background-image: url("/assets/plugin_assets/redmineflux_scarlet/Crux_Bulb-78e6ebf4.svg"); background-size: 16px !important; background-position: 8% 50% !important; background-repeat: no-repeat !important; } .contextual .drdn-items>a.icon { padding-left: 7px !important; background-position-x: 4px; background-image: none; } .icon-actions svg use, span.icon-only.icon-actions svg use { display: none !important; } a.icon.icon-reload>svg { display: none; } .controller-issues.action-show #content>div>span>span.drdn-trigger { padding: 13px 10px 14px 10px; background-color: #FFFFFF !important; } /* Recolors ONLY the CRM plugin's solid primary buttons (Quick Create, New * Company/Contact/Deal, Create Activity, Save, etc.) from CRM's own default * blue to this theme's orange — scoped entirely to .theme-Redmineflux_scarlet * so the CRM plugin's own CSS (rf_crm_variables.css) is never touched and * still renders blue under the default Redmine theme or any other theme. * Everything else CRM-owned (links, badges, icons, focus rings) intentionally * keeps its original blue — only .rf_crm_button_primary is targeted here. */ .theme-Redmineflux_scarlet .rf_crm_button_primary { background: #FC641F !important; } .theme-Redmineflux_scarlet .rf_crm_button_primary:hover { background: #E0550F !important; } /* UI audit 2026-08-22, finding #2 (Critical): the collapsed icon-only rail * relies solely on native title= tooltips, which several testers found too * slow/easy to miss to identify icons like "star" or "shield". This is a * property of the theme's own collapsible-icon-rail behavior (default * Redmine sidebars aren't collapsed to icon-only at all), so the fix lives * here rather than in each plugin. Adds a fast, visible CSS tooltip driven * by the title= attribute every rf_crm_sidebar_item already carries — no * plugin markup changes needed. Scoped per-controller to the same 9 CRM * controllers as above, not a bare #sidebar selector. */ .theme-Redmineflux_scarlet.controller-crm_dashboard #sidebar .rf_crm_sidebar_item[title], .theme-Redmineflux_scarlet.controller-contacts #sidebar .rf_crm_sidebar_item[title], .theme-Redmineflux_scarlet.controller-companies #sidebar .rf_crm_sidebar_item[title], .theme-Redmineflux_scarlet.controller-deals #sidebar .rf_crm_sidebar_item[title], .theme-Redmineflux_scarlet.controller-leads #sidebar .rf_crm_sidebar_item[title], .theme-Redmineflux_scarlet.controller-crm_activities #sidebar .rf_crm_sidebar_item[title], .theme-Redmineflux_scarlet.controller-crm_reports #sidebar .rf_crm_sidebar_item[title], .theme-Redmineflux_scarlet.controller-crm_audit_logs #sidebar .rf_crm_sidebar_item[title], .theme-Redmineflux_scarlet.controller-crm_settings #sidebar .rf_crm_sidebar_item[title] { position: relative; } .theme-Redmineflux_scarlet.controller-crm_dashboard #sidebar .rf_crm_sidebar_item[title]:hover::after, .theme-Redmineflux_scarlet.controller-contacts #sidebar .rf_crm_sidebar_item[title]:hover::after, .theme-Redmineflux_scarlet.controller-companies #sidebar .rf_crm_sidebar_item[title]:hover::after, .theme-Redmineflux_scarlet.controller-deals #sidebar .rf_crm_sidebar_item[title]:hover::after, .theme-Redmineflux_scarlet.controller-leads #sidebar .rf_crm_sidebar_item[title]:hover::after, .theme-Redmineflux_scarlet.controller-crm_activities #sidebar .rf_crm_sidebar_item[title]:hover::after, .theme-Redmineflux_scarlet.controller-crm_reports #sidebar .rf_crm_sidebar_item[title]:hover::after, .theme-Redmineflux_scarlet.controller-crm_audit_logs #sidebar .rf_crm_sidebar_item[title]:hover::after, .theme-Redmineflux_scarlet.controller-crm_settings #sidebar .rf_crm_sidebar_item[title]:hover::after, .theme-Redmineflux_scarlet.controller-crm_dashboard #sidebar .rf_crm_sidebar_item[title]:focus-visible::after, .theme-Redmineflux_scarlet.controller-contacts #sidebar .rf_crm_sidebar_item[title]:focus-visible::after, .theme-Redmineflux_scarlet.controller-companies #sidebar .rf_crm_sidebar_item[title]:focus-visible::after, .theme-Redmineflux_scarlet.controller-deals #sidebar .rf_crm_sidebar_item[title]:focus-visible::after, .theme-Redmineflux_scarlet.controller-leads #sidebar .rf_crm_sidebar_item[title]:focus-visible::after, .theme-Redmineflux_scarlet.controller-crm_activities #sidebar .rf_crm_sidebar_item[title]:focus-visible::after, .theme-Redmineflux_scarlet.controller-crm_reports #sidebar .rf_crm_sidebar_item[title]:focus-visible::after, .theme-Redmineflux_scarlet.controller-crm_audit_logs #sidebar .rf_crm_sidebar_item[title]:focus-visible::after, .theme-Redmineflux_scarlet.controller-crm_settings #sidebar .rf_crm_sidebar_item[title]:focus-visible::after { content: attr(title); position: absolute; left: 100%; top: 50%; transform: translateY(-50%); margin-left: 10px; background: #29435c; color: #fff; padding: 6px 10px; border-radius: 6px; font-size: 12px; line-height: 1.2; white-space: nowrap; z-index: 1000; pointer-events: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .theme-Redmineflux_scarlet a { color: #29435c; } .theme-Redmineflux_scarlet a:hover, .theme-Redmineflux_scarlet a:active { color: #FC641F; text-decoration: none; } #block-timelog>h3>a.icon-only.icon-add { background-image: url("/assets/plugin_assets/redmineflux_scarlet/plus_orange-03671a57.svg") !important; background-repeat: no-repeat !important; } #watchers_form>span.search_for_watchers>a.icon.icon-add-bullet::before { content: url("/assets/plugin_assets/redmineflux_scarlet/plus_orange-03671a57.svg") !important; margin: 0px 7px 0px 0px; } #watchers_form>span.search_for_watchers>a.icon.icon-add-bullet { font-size: 14px; } #watchers_form>span.search_for_watchers>a.icon.icon-add-bullet>svg { display: none; } #watchers_form>span.search_for_watchers>a.icon.icon-add-bullet { background-image: none !important; padding-left: 5px !important; } a.icon.icon-add-bullet>svg>use { display: none; } /* form elements */ .box.tabular, .box { background: #FFFFFF; box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 12%); border: 1px solid rgba(0, 0, 0, 0.12); color: #6D7193; } .tabular input, .tabular select, input, select { height: 40px; border: 1px solid #ccc; border-radius: 3px; background-color: #FEFFFF; } input.file_selector.filedrop { border: none; } /* table View */ table.list, .table-list { width: 100% !important; border: 1px solid #d0d7de !important; box-shadow: 0 1px 2px 0 #d0d7de !important; } table.list.issues th, table.list.issues tr th a, th.tags, table.list th, table.list.issues tbody tr td a, table.list a, tr.issue.context-menu-selection { color: #000 !important; text-decoration: none; } table.list.issues tr th a, th.tags, table.list th { font-size: 14px !important; color: #181C25; } thead { height: 60px; } table.list th, .table-list-header { border-bottom: 1px solid #80808040 !important; background-color: #fbfbfd !important; text-transform: capitalize; } tr.issue, table.list td { height: 40px; border-bottom: 1px solid #80808040 !important; padding: 10px; } tr.issue, table.list:not(.odd-even) tbody tr:nth-child(odd), .odd, #issue-changesets div.changeset:nth-child(odd) { height: 40px; background-color: #FFFFFF; } table.list tbody tr.context-menu-selection:hover, .hascontextmenu.context-menu-selection, .hascontextmenu.context-menu-selection a, .hascontextmenu.context-menu-selection a:hover, .issue.context-menu-selection { background-color: #edf8ffc9 !important; color: #0974dde6 !important; text-decoration: none; } table.list:not(.odd-even) tbody tr:nth-child(even):hover, .even:hover, #issue-changesets div.changeset:nth-child(even):hover, table.list:not(.odd-even) tbody tr:nth-child(odd):hover, .odd:hover, #issue-changesets div.changeset:nth-child(odd):hover, table.list:not(.odd-even) tbody tr:nth-child(even):hover, .even:hover, #issue-changesets div.changeset:nth-child(even):hover { background-color: #d1ebfa; } table.list.issues tbody tr td { font-size: 13px; color: #181C25; } table.list table.progress td { height: 5px; } table.progress td.closed { background: #4ABD79 none repeat scroll 0%; } #context-menu li>a { background-image: none; } th.firstname, th.lastname, .controller-groups.action-index #content>div.autoscroll>table>thead>tr>th:nth-child(1), .controller-roles.action-index #content>table.list.roles>thead>tr>th:nth-child(1), .controller-trackers.action-index #content>table.list.trackers>thead>tr>th:nth-child(1), #content>table.list.issue_statuses>thead>tr>th:nth-child(1), #tab-content-IssueCustomField>table>thead>tr>th:nth-child(1), #content>table.list.enumerations>thead>tr>th:nth-child(1), .controller-custom_fields table>thead>tr>th:nth-child(1), .tab-content>table>thead>tr>th:nth-child(1), #tab-content-members>table>thead>tr>th:nth-child(2), #tab-content-activities>form>table>thead>tr>th:nth-child(1), .controller-admin.action-projects #content>div.autoscroll>table>thead>tr>th:nth-child(1), table.list.users>thead>tr>th:nth-child(1), table.list.users>thead>tr>th:nth-child(3) { text-align: justify; padding-left: 10px; } /* Cancel button/link styling */ #new_time_entry>a, #issue-form>a, #new_membership>p>a, #repository-form>p>a, #new-watcher-form>p.buttons>a, .edit_time_entry>a, #new-relation-form>p>a, .note>p>a, .controller-projects.action-destroy #content>form>p>a, #edit_membership>p>a, .cancel-btn, #new_rf_canned_response>p>a, .edit_rf_canned_response>p>a, .back-button, #content>form>input.back-button, #new_rf_organization>p>a, .edit_rf_organization>p>a, #customer_form>p>a, a.btn-link, #new_rf_product>p>a, .edit_rf_product>p>a, #edit-customer-form>p>a, #customer-form>p>a, .mypage-box>div>form>p>a.add-filter, #new_testcase_report>a, #news-form>a, #new_document>p>a, #wiki_form>p>a, #new_page>p>a, .controller-wikis.action-destroy #content>form>a, #ajax-modal>form>p>a, .mypage-box>div>form>p>a, .controller-sprint_crafts a.cancel_button, .controller-tags #content>form>a, .controller-users.action-destroy #content>a, #new_rf_knowledgebase_template>p>a.cancel_button, #invoice-pdf-template-form>a.cancel, #new_customer>a, a.cancel, .controller-attachments.action-edit_all #content>form>p>a, #message-form>p>a, #csv-export-form>p.buttons>a { padding: 12px 25px 13px 25px !important; font-weight: bold !important; background-color: #ced3e6 !important; color: #29435c !important; border-radius: 3px !important; text-decoration: none !important; vertical-align: middle; font-size: 12px; } #new_time_entry>a:hover, #issue-form>a:hover, #new_membership>p>a:hover, #repository-form>p>a:hover, #new-watcher-form>p.buttons>a:hover, .edit_time_entry>a:hover, #new-relation-form>p>a:hover, .note>p>a:hover, .controller-projects.action-destroy #content>form>p>a:hover, #edit_membership>p>a:hover, #new_rf_canned_response>p>a:hover, .edit_rf_canned_response>p>a:hover, .cancel-btn:hover, .back-button:hover, #content>form>input.back-button:hover, #new_rf_organization>p>a:hover, .edit_rf_organization>p>a:hover, #customer_form>p>a:hover, a.btn-link:hover, #new_rf_product>p>a:hover, .edit_rf_product>p>a:hover, #edit-customer-form>p>a:hover, #customer-form>p>a:hover, .mypage-box>div>form>p>a:hover, #cancel_defect_form:hover, #new_testcase_report>a:hover, #news-form>a:hover, #new_document>p>a:hover, #wiki_form>p>a:hover, #new_page>p>a:hover, .controller-wikis.action-destroy #content>form>a:hover, #ajax-modal>form>p>a:hover, .mypage-box>div>form>p>a:hover, .controller-sprint_crafts a.cancel_button:hover, .controller-tags #content>form>a:hover, .controller-testcase_import a.button_for_cancel:hover, .edit_testcase_report>a:hover, .controller-users.action-destroy #content>a, #new_rf_knowledgebase_template>p>a.cancel_button:hover, #invoice-pdf-template-form>a.cancel:hover, #new_customer>a:hover, a.cancel:hover, .controller-attachments.action-edit_all #content>form>p>a:hover, button.email-template_cancel-btn:hover, #message-form>p>a:hover, #csv-export-form>p.buttons>a:hover { background-color: #ced3e6a8 !important; } /* core gantt */ .gantt_subjects div { line-height: 9px; } /* Calendar */ .cal .starting a.issue, p.cal.legend .starting, .cal .ending a.issue, p.cal.legend .ending { background-position: 0px 0px; padding-left: 16px !important; } .controller-calendars #content>form>ul.cal>li>div>svg { margin-right: -19px; } /* Administration */ #sidebar #admin-menu a.icon.icon-help.info { border: none; padding: 5px 8px; margin: 0px; } #admin-menu a.selected, .controller-documents #sidebar ul li a.selected, .controller-issue_template_setting #main #sidebar #admin-menu>ul>li>a.icon.issue-template-controller #sidebar a.selected, .controller-oauth2_applications.action-show a.icon.icon-applications.applications, .controller-oauth2_applications.action-index a.icon.icon-applications.applications, .controller-oauth2_applications.action-new a.icon.icon-applications.applications, .controller-oauth2_applications.action-create a.icon.icon-applications.applications, .controller-oauth2_applications.action-edit a.icon.icon-applications.applications { background-color: #ff572254 !important; padding-left: 10px !important; color: black; } .controller-users.action-edit #content>div.contextual>a { padding: 10px 15px; background-image: none; } .controller-users.action-show #content>div.contextual>a, .controller-wiki #content>div.contextual>a.icon.icon-edit, .controller-documents #content>div.contextual>a.icon.icon-edit { background-image: url("/assets/plugin_assets/redmineflux_scarlet/Edit_white-0d935ca4.svg"); background-repeat: no-repeat !important; background-position: 12px 10px !important; } .controller-my.action-account #content>div.contextual>a.icon.icon-email-add, .controller-my.action-account #content>div.contextual>a.icon.icon-passwd { background-image: none; padding: 11px; } .controller-my.action-account #ajax-modal>table>tbody>tr>td.buttons>a.icon-only.icon-email { margin: -5px !important; background-position: center !important; } /* table button icons */ .list.memberships .buttons .icon, td.buttons>a.icon, td.buttons>a.icon:hover, #tab-content-versions>table>tbody>tr>td.buttons>a, #content>table.approval-schemas-table>tbody>tr>td>a.icon, table.list td.buttons a, #table_Container>table>tbody>tr>td>a, .controller-approval_schemas #content>table>tbody>tr>td>a, div.table-list-cell.buttons>a, div.table-list-cell.buttons>a:hover { color: #181c25 !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: 5px 10px !important; background-size: 14px !important; padding: 8px 0px 0px 24px !important; } .list.memberships .buttons .icon.icon-edit, td.buttons>a.icon.icon-edit, #tab-content-versions>table>tbody>tr>td.buttons>a.icon.icon-edit, #content>table.approval-schemas-table>tbody>tr>td>a.icon-only.icon-edit, #content>div.row_dif>div>table>tbody>tr>td>a.icon-only.icon-edit, #content>div.holiday-scheme-index>table>tbody>tr>td.buttons>a.icon-edit, .controller-approval_schemas #content>table>tbody>tr>td>a.icon-edit, #email_templates>table>tbody>tr>td.email_template_actions>a.icon-edit, #tab-content-Testcase_Run_Types>table>tbody>tr>td>a.icon-edit, .checklist-template-table .icon.icon-edit, #content>table>tbody>tr>td>a.icon-only.icon-edit, #content>div>table.issue_template_table>tbody>tr>td.template_action>a.icon.icon-edit, div.table-list-cell.buttons>a.icon.icon-edi, #all_attributes>p>a>span.icon-edit, .time-entry>td.buttons>a.icon-only.icon-edit, div.table-list-cell.buttons>a.icon.icon-edit, table.list.workload_change td.buttons.wk_t a.icon-edit, #content>div.attachments>div>a.icon-only.icon-edit, .controller-wiki #sidebar>div.contextual>a.icon.icon-edit, #global-template>div>table>tbody>tr>td.template_action>a.rf-icon-link.icon.icon-edit, #project-template>div>table>tbody>tr>td.template_action>a.rf-icon-link.icon.icon-edit, div>div.attachments>div>a.icon-only.icon-edit { background-image: url("/assets/plugin_assets/redmineflux_scarlet/penciledit-54702d2d.svg") !important; background-size: 13px !important; background-repeat: no-repeat !important; } .controller-wiki #sidebar>div.contextual>a.icon.icon-edit { padding-left: 25px; } .time-entry>td.buttons>a.icon-only.icon-edit { margin-right: -20px; } #all_attributes>p>a>span.icon-edit svg use { display: none; } #all_attributes>p>a>span.icon-edit { margin-left: 6px !important; background-position: 0px 2px !important; } .list.memberships .buttons .icon.icon-del, td.buttons>a.icon.icon-del, #tab-content-versions>table>tbody>tr>td.buttons>a.icon.icon-del, #content>table.approval-schemas-table>tbody>tr>td>a.icon-only.icon-del, #content>div.row_dif>div>table>tbody>tr>td>a.icon-only.icon-del, table.list td.buttons>a.icon-del, #table_Container>table>tbody>tr>td>a.icon-del, .controller-approval_schemas #content>table>tbody>tr>td>a.icon-del, #content>table>tbody>tr>td>a.icon-only.icon-del, #content>div>table.issue_template_table>tbody>tr>td.template_action>a.icon.icon-del, div.table-list-cell.buttons>a.icon.icon-del, .controller-dashboard #sidebar ul li a.icon-del, .controller-issues.action-show #content .contextual a.icon-only.icon-del, #global-template>div>table>tbody>tr>td.template_action>a.rf-icon-link.icon.icon-del, #project-template>div>table>tbody>tr>td.template_action>a.rf-icon-link.icon.icon-del, div.attachments>table>tbody>tr>td>a.delete.icon-only.icon-del { background-image: url("/assets/plugin_assets/redmineflux_scarlet/delete_ico-ffae530f.svg") !important; background-repeat: no-repeat !important; } #content>div>table.issue_template_table>tbody>tr>td.template_action>a.icon.icon-del { padding-left: 30px; } #global-template>div>table>tbody>tr>td.template_action>a.rf-icon-link.icon.icon-del, #project-template>div>table>tbody>tr>td.template_action>a.rf-icon-link.icon.icon-del { background-position: 5px 49% !important; } table.list.workload_change td.buttons.wk_t a.icon-edit { padding: 10px !important; font-size: 9px; margin: 0px !important; vertical-align: sub; background-size: 13px !important; } #content>div.holiday-scheme-index>table>tbody>tr>td.buttons>a { display: inline-block !important; } td.buttons>a.icon.icon-copy { background-image: url("/assets/plugin_assets/redmineflux_scarlet/copy_ico-246c61e3.svg") !important; background-repeat: no-repeat !important; } .controller-workflows.action-edit #content>div.contextual>a.icon.icon-copy, .controller-workflows.action-permissions #content>div.contextual>a.icon.icon-copy { background-image: url("/assets/plugin_assets/redmineflux_scarlet/copy_ico_white-7038e027.svg") !important; background-repeat: no-repeat !important; } .icon-summary { background-image: url("/assets/plugin_assets/redmineflux_scarlet/lightning-67b642f2.svg") !important; background-size: 16px !important; background-position: 15px 52% !important; background-repeat: no-repeat !important; } .icon-sort-handle { background-image: url("/assets/plugin_assets/redmineflux_scarlet/reorder-7dd10397.svg") !important; background-size: 18px !important; background-position: 50% 50% !important; background-repeat: no-repeat !important; } .icon-sort-handle svg use { display: none; } .icon-checked { background-image: url("/assets/plugin_assets/redmineflux_scarlet/tick_icon_green-054a30f3.svg"); background-size: 13px !important; background-repeat: no-repeat !important; } div.flash.notice { background: url("/assets/plugin_assets/redmineflux_scarlet/tick_icon_green-054a30f3.svg") 8px 8px no-repeat; background-color: #dfffdf; border-color: #9fcf9f; color: #005f00; } .icon-download { background-image: url("/assets/plugin_assets/redmineflux_scarlet/download-4af968bd.svg"); background-repeat: no-repeat !important; } .controller-attachments #content>div.contextual>a.icon.icon-download { background-image: url("/assets/plugin_assets/redmineflux_scarlet/download_white-de7a0ae3.svg"); background-position: 18px 13px; background-size: 13px; background-repeat: no-repeat !important; } .controller-enumerations.action-index #content>p { margin: 20px 0px; } .tab-content>p>a, #project_trackers>div>a.icon.icon-settings, #project_issue_custom_fields>div>a.icon.icon-settings, .controller-enumerations.action-index #content>p>a, #tab-content-members>div>a.icon.icon-settings { background-color: #fc641f !important; font-size: 14px !important; border-radius: 3px !important; padding: 12px 15px 11px 35px; color: #ffffff !important; text-decoration: none; background-repeat: no-repeat; } .tab-content>p>a.icon.icon-add, .controller-enumerations.action-index #content>p>a { background-position: 15px 15px; background-image: url("/assets/plugin_assets/redmineflux_scarlet/plus_ico-05e3a0cd.svg") !important; } .tab-content>p>a:hover, #project_trackers>div>a.icon.icon-settings:hover, #project_issue_custom_fields>div>a.icon.icon-settings:hover, #tab-content-members>div>a.icon.icon-settings:hover, #tab-content-support_levels>div>a:hover, #add-customer-link:hover { background-color: #fc641fc7 !important; text-decoration: none; } .tab-content>div.contextual { margin-bottom: 30px; } /* Project Setting */ #project_trackers>div>a.icon.icon-settings, #project_issue_custom_fields>div>a.icon.icon-settings { background-position: 12px 11px; } fieldset#project_trackers, #project_issue_custom_fields { padding: 13px 10px 20px 10px; } .icon.icon-reload { background-image: url("/assets/plugin_assets/redmineflux_scarlet/clear-bbc16ac8.svg"); background-color: #fc641f !important; font-size: 14px !important; border-radius: 3px !important; padding: 11.3px 15px 12px 26px; color: #ffffff !important; vertical-align: middle; margin-left: 2px; background-position: 8px 12px; background-repeat: no-repeat !important; } #query_form_with_buttons>p>a.icon.icon-reload { padding: 10px 10px 10px 27px !important; background-position: 8px 10px; margin-top: 1px; } #tab-content-activities>div.contextual { margin-bottom: 35px; } #tab-content-boards .table-list-header, #tab-content-boards>div>div.sort-level.ui-sortable { height: 40px; padding: 20px 10px 0px 10px; } #tab-content-versions>div>a.icon.icon-locked { background-color: #fc641f !important; font-size: 14px !important; border-radius: 3px !important; padding: 12px 15px 11px 30px; color: #ffffff !important; text-decoration: none; background-image: url("/assets/plugin_assets/redmineflux_scarlet/archive_white-6fa5e116.svg"); background-position: 10px 10px; } /* Plugins */ /* checklist plugin */ div#flash_notice.flash.notice.checklist_flash_notice { margin: 0px 0px 20px 0px !important; } p#modalMessagechecklist { color: black !important; font-weight: 400 !important; } select.checklist-item-state { height: 25px; } #checklist-items a.icon.icon-edit { background-position: 0px !important; } .add-sub-checklist, #add-parent-checklist, .plus-i, #checklist-items a.icon.icon-add { background-image: url("/assets/plugin_assets/redmineflux_scarlet/plus_orange-03671a57.svg") !important; background-size: 12px; background-repeat: no-repeat; background-position: 3px 2px; } .add-sub-checklist>svg, #add-parent-checklist>svg, .plus-i>svg, #checklist-items a.icon.icon-add>svg { display: none; } .controller-checklist_templates.action-create .submit_button, .controller-checklist_templates.action-edit .submit_button, .controller-checklist_templates.action-new .submit_button, .controller-checklist_templates.action-update .submit_button { padding: 0px; } .delete-parent-checklist, .delete-sub-checklist, .checklist-template-table .icon.icon-del, #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, .delete-parent-checklist, .delete-sub-checklist, .checklist-template-table .icon.icon-del, #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, #checklist-items a.icon.icon-del, a.icon-only.icon-del.remove-upload { background-image: url("/assets/plugin_assets/redmineflux_scarlet/delete_ico-ffae530f.svg"); background-position: 4% 50% !important; background-repeat: no-repeat; } a.icon-only.icon-del.remove-upload { background-position: 3px 0px !important; } .delete-parent-checklist>svg, .delete-sub-checklist>svg, .checklist-template-table .icon.icon-del>svg, #email_templates>table>tbody>tr>td.email_template_actions>a.icon.icon-del>svg, #tab-content-Testcase_Run_Types>table>tbody>tr>td>a.icon.icon-del>svg, .delete-parent-checklist>svg, .delete-sub-checklist>svg, .checklist-template-table .icon.icon-del>svg, #email_templates>table>tbody>tr>td.email_template_actions>a.icon.icon-del>svg, #tab-content-Testcase_Run_Types>table>tbody>tr>td>a.icon.icon-del>svg, #checklist-items a.icon.icon-del>svg { display: none; } .checklist-template-table .icon, #email_templates>table>tbody>tr>td.email_template_actions>a.icon, #tab-content-Testcase_Run_Types>table>tbody>tr>td>a.icon { background-position: 0% 50% !important; } #tab-content-canned_responses>p.nodata { margin: 47px 0px; } #tab-content-canned_responses>div.contextual { margin-bottom: 25px; } .email-template-footer-folder button.email-template_button, button#confirmDeleteSchema, #confirmchecklistBtn { background: #F44336 !important; border: 1px solid #F44336 !important; } .email-template-footer-folder button.email-template_button:hover, button#confirmDeleteSchema:hover, #confirmchecklistBtn:hover { background-color: #f44336e0 !important; border: 1px solid #f44336e0 !important; } /* custom plugin sidebar manage */ .controller-timesheets #header, .controller-timesheet_approvals #header, .controller-approval_schemas #header, .controller-timesheet_reports #header, .controller-workloads #header, .controller-workload_teams #header, .controller-skills #header, .controller-workload_dashboards #header, .controller-user_workloads #header, .controller-user_holidays #header, .controller-workload_reports #header, .controller-rf_helpdesk #header, .controller-rf_helpdesk_issues #header, .controller-rf_organizations #header, .controller-rf_customers #header, .controller-rf_holidays #header, .controller-rf_helpdesk_holidays #header, .controller-rf_project_helpdesk #header, .controller-rf_project_helpdesk_issues #header, .controller-rf_slas #header, .controller-rf_products #header, .controller-rf_support_levels #header, .controller-rf_canned_responses #header, .controller-runs.action-defect #header, .controller-testcases.action-show #header, .controller-test_suites.action-index #header, .controller-runs.action-new #header, .controller-runs.action-show #header, .controller-test_suites.action-releases #header, .controller-testcase_activities.action-index #header, .controller-issue_testcase #header, .controller-testcase_milestones #header, .controller-testcase_todos #header, .controller-testcase_reports.action-index #header, .controller-testcase_reports.action-new #header, .controller-testcase_reports.action-show #header, .controller-testcase_reports.action-edit #header, .controller-traceability_rtms.action-index #header, .controller-testcase_reports.action-create #header, .controller-testcase_reports.action-update #header, .controller-requirements.action-index #header, .controller-testcase_import.action-step1 #header, .controller-testcase_import.action-step2 #header, .controller-testcase_import.action-step3 #header, .controller-testcase_import.action-step4 #header, .controller-testplans #header, .controller-testcase_environment #header, .controller-global_invoices #header, .controller-invoices #header, .controller-team_rates #header, .controller-time_tracker #header, .controller-time_tracker_dashboard #header, .controller-approvals #header, .controller-admin_dashboard #header, .controller-rf_teams #header, .controller-audit_logs #header, .controller-timesheet_settings #header, .controller-holiday_dates #header, .controller-rf_workloads #header, .controller-workload_dashboard #header, .controller-rf_skills #header, .controller-rf_leaves #header, .controller-rf_settings #header, .controller-crm_dashboard #header, .controller-leads #header, .controller-contacts #header, .controller-companies #header, .controller-deals #header, .controller-crm_reports #header, .controller-crm_audit_logs #header, .controller-crm_activities #header, .controller-crm_settings #header, .controller-crux_dashboard #header, .controller-crux_project #header, .controller-crux_ask #header, .controller-crux_agents #header, .controller-crux_pipelines #header, .controller-crux_admin_keys #header, .controller-crux_admin_logs #header, .controller-crux_admin_settings #header, .controller-crux_frozen_rules #header , .controller-crm_activities #header, .controller-rf_helpdesk_reports #header , .controller-shift_dashboard #header , .controller-attendance #header , .controller-shifts #header , .controller-leave #header , .controller-holiday_schemas #header , .controller-departments #header , .controller-teams #header , .controller-reports #header , .controller-shift_change_requests div#header { z-index: 999; } body.controller-timesheets #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-timesheet_approvals #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-approval_schemas #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-timesheet_reports #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-workloads #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-workload_teams #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-skills #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-workload_dashboards #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-user_workloads #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-user_holidays #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-workload_reports #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-rf_helpdesk #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-rf_helpdesk_issues #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-rf_organizations #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-rf_customers #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-rf_holidays #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-rf_helpdesk_holidays #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-rf_project_helpdesk #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-rf_project_helpdesk_issues #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-rf_slas #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-rf_products #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-rf_support_levels #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-rf_canned_responses #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-runs.action-defect #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-testcases.action-show #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-test_suites.action-index #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-runs.action-new #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-runs.action-show #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-test_suites.action-releases #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-testcase_activities.action-index #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-issue_testcase #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-testcase_milestones #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-testcase_todos #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-testcase_reports.action-index #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-testcase_reports.action-new #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-testcase_reports.action-show #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-testcase_reports.action-edit #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-traceability_rtms.action-index #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-testcase_reports.action-create #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-testcase_reports.action-update #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-requirements.action-index #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-testcase_import.action-step1 #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-testcase_import.action-step2 #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-testcase_import.action-step3 #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-testcase_import.action-step4 #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-testplans #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-testcase_environment #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-global_invoices #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-invoices #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-team_rates #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-time_tracker #wrapper div#main.collapsiblesidebar, body.controller-time_tracker_dashboard #wrapper div#main.collapsiblesidebar, body.controller-approvals #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-admin_dashboard #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-rf_teams #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-audit_logs #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-timesheet_settings #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-holiday_dates #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-rf_workloads #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-workload_dashboard #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-rf_skills #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-rf_leaves #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-rf_settings #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-crm_dashboard #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-leads #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-contacts #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-companies #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-deals #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-crm_reports #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-crm_audit_logs #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-crm_activities #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-crm_settings #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-rf_helpdesk_reports #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-shift_dashboard #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-attendance #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-shifts #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-leave #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-holiday_schemas #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-departments #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-teams #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-reports #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-shift_change_requests.action-show #wrapper div#main.collapsiblesidebar:not(.collapsedsidebar) { margin-left: -31px !important; } /* Crux plugin: its own div#main left offset (53px, not CRM's -31px -- scoped+!important per direct instruction). Matches the base theme's own `div#main.collapsiblesidebar:not(.collapsedsidebar)` selector shape in specificity so it actually wins in the normal/expanded state, not just on paper. */ body.controller-crux_dashboard div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-crux_project div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-crux_ask div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-crux_agents div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-crux_pipelines div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-crux_admin_keys div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-crux_admin_logs div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-crux_admin_settings div#main.collapsiblesidebar:not(.collapsedsidebar), body.controller-crux_frozen_rules div#main.collapsiblesidebar:not(.collapsedsidebar), .controller-rf_helpdesk_reports div#main.collapsiblesidebar:not(.collapsedsidebar) { margin-left: -31px !important; } .controller-crux_dashboard div#sidebar-wrapper, .controller-crux_project div#sidebar-wrapper, .controller-crux_ask div#sidebar-wrapper, .controller-crux_agents div#sidebar-wrapper, .controller-crux_pipelines div#sidebar-wrapper, .controller-crux_admin_keys div#sidebar-wrapper, .controller-crux_admin_logs div#sidebar-wrapper, .controller-crux_admin_settings div#sidebar-wrapper, .controller-crux_frozen_rules div#sidebar-wrapper { /* was 78px, tuned when this header was 114px tall; it is 50px now, and 12px is the inset the other four plugin rails use. */ margin-top: 12px !important; } /* The two rules above (div#sidebar and div#sidebar-wrapper) offset the Crux sidebar for the header height. div#sidebar needs position:relative added (it is position:static by default, so top:0 alone has no effect — confirmed live via DevTools before landing this). Pixel values (0 / 19px) were tuned and confirmed visually correct by the product owner directly in the browser. The header no longer collapses, so a single offset is all that is needed here. */ .crux-drawer { z-index: 1000 !important; } .controller-timesheets #wrapper div#main, .controller-timesheet_approvals #wrapper div#main, .controller-approval_schemas #wrapper div#main, .controller-timesheet_reports #wrapper div#main, .controller-workloads #wrapper div#main, .controller-workload_teams #wrapper div#main, .controller-skills #wrapper div#main, .controller-workload_dashboards #wrapper div#main, .controller-user_workloads #wrapper div#main, .controller-user_holidays #wrapper div#main, .controller-workload_reports #wrapper div#main, .controller-rf_helpdesk #wrapper div#main, .controller-rf_helpdesk_issues #wrapper div#main, .controller-rf_organizations #wrapper div#main, .controller-rf_customers #wrapper div#main, .controller-rf_holidays #wrapper div#main, .controller-rf_helpdesk_holidays #wrapper div#main, .controller-rf_project_helpdesk #wrapper div#main, .controller-rf_project_helpdesk_issues #wrapper div#main, .controller-rf_slas #wrapper div#main, .controller-rf_products #wrapper div#main, .controller-rf_support_levels #wrapper div#main, .controller-rf_canned_responses #wrapper div#main, .controller-runs.action-defect #wrapper div#main, .controller-testcases.action-show #wrapper div#main, .controller-test_suites.action-index #wrapper div#main, .controller-runs.action-new #wrapper div#main, .controller-runs.action-show #wrapper div#main, .controller-test_suites.action-releases #wrapper div#main, .controller-testcase_activities.action-index #wrapper div#main, .controller-issue_testcase #wrapper div#main, .controller-testcase_milestones #wrapper div#main, .controller-testcase_todos #wrapper div#main, .controller-testcase_reports.action-index #wrapper div#main, .controller-testcase_reports.action-new #wrapper div#main, .controller-testcase_reports.action-show #wrapper div#main, .controller-testcase_reports.action-edit #wrapper div#main, .controller-traceability_rtms.action-index #wrapper div#main, .controller-testcase_reports.action-create #wrapper div#main, .controller-testcase_reports.action-update #wrapper div#main, .controller-requirements.action-index #wrapper div#main, .controller-testcase_import.action-step1 #wrapper div#main, .controller-testcase_import.action-step2 #wrapper div#main, .controller-testcase_import.action-step3 #wrapper div#main, .controller-testcase_import.action-step4 #wrapper div#main, .controller-testplans #wrapper div#main, .controller-testcase_environment #wrapper div#main, .controller-global_invoices #wrapper div#main, .controller-invoices #wrapper div#main, .controller-team_rates #wrapper div#main, .controller-time_tracker #wrapper div#main, .controller-time_tracker_dashboard #wrapper div#main, .controller-approvals #wrapper div#main, .controller-admin_dashboard #wrapper div#main, .controller-rf_teams #wrapper div#main, .controller-audit_logs #wrapper div#main, .controller-timesheet_settings #wrapper div#main, .controller-holiday_dates #wrapper div#main, .controller-rf_workloads #wrapper div#main, .controller-workload_dashboard #wrapper div#main, .controller-rf_skills #wrapper div#main, .controller-rf_leaves #wrapper div#main, .controller-rf_settings #wrapper div#main, .controller-crm_dashboard #wrapper div#main, .controller-leads #wrapper div#main, .controller-contacts #wrapper div#main, .controller-companies #wrapper div#main, .controller-deals #wrapper div#main, .controller-crm_reports #wrapper div#main, .controller-crm_audit_logs #wrapper div#main, .controller-crm_activities #wrapper div#main, .controller-crm_settings #wrapper div#main, .controller-crux_dashboard #wrapper div#main, .controller-crux_project #wrapper div#main, .controller-crux_ask #wrapper div#main, .controller-crux_agents #wrapper div#main, .controller-crux_pipelines #wrapper div#main, .controller-crux_admin_keys #wrapper div#main, .controller-crux_admin_logs #wrapper div#main, .controller-crux_admin_settings #wrapper div#main, .controller-crux_frozen_rules #wrapper div#main , .controller-crm_activities #wrapper div#main, .controller-rf_helpdesk_reports #wrapper div#main, .controller-rf_helpdesk_reports #wrapper div#main, .controller-shift_dashboard #wrapper div#main , .controller-attendance #wrapper div#main, .controller-shifts #wrapper div#main, .controller-leave #wrapper div#main, .controller-holiday_schemas #wrapper div#main , .controller-departments #wrapper div#main , .controller-teams #wrapper div#main , .controller-reports #wrapper div#main { padding-top: 0px !important; } .controller-timesheets div#content, .controller-timesheet_approvals div#content, .controller-approval_schemas div#content, .controller-timesheet_reports div#content, .controller-workloads div#content, .controller-workload_teams div#content, .controller-skills div#content, .controller-workload_dashboards div#content, .controller-user_workloads div#content, .controller-user_holidays div#content, .controller-workload_reports div#content, .controller-rf_helpdesk div#content, .controller-rf_helpdesk_issues div#content, .controller-rf_organizations div#content, .controller-rf_customers div#content, .controller-rf_holidays div#content, .controller-rf_helpdesk_holidays div#content, .controller-rf_project_helpdesk div#content, .controller-rf_project_helpdesk_issues div#content, .controller-rf_slas div#content, .controller-rf_products div#content, .controller-rf_support_levels div#content, .controller-rf_canned_responses div#content, .controller-runs.action-defect div#content, .controller-testcases.action-show div#content, .controller-test_suites.action-index div#content, .controller-runs.action-new div#content, .controller-runs.action-show div#content, .controller-test_suites.action-releases div#content, .controller-testcase_activities.action-index div#content, .controller-issue_testcase div#content, .controller-testcase_milestones div#content, .controller-testcase_todos div#content, .controller-testcase_reports.action-index div#content, .controller-testcase_reports.action-new div#content, .controller-testcase_reports.action-show div#content, .controller-testcase_reports.action-edit div#content, .controller-traceability_rtms.action-index div#content, .controller-testcase_reports.action-create div#content, .controller-testcase_reports.action-update div#content, .controller-requirements.action-index div#content, .controller-testcase_import.action-step1 div#content, .controller-testcase_import.action-step2 div#content, .controller-testcase_import.action-step3 div#content, .controller-testcase_import.action-step4 div#content, .controller-testplans div#content, .controller-testcase_environment div#content, .controller-global_invoices div#content, .controller-invoices div#content, .controller-team_rates div#content, .controller-time_tracker div#content, .controller-time_tracker_dashboard div#content, .controller-approvals div#content, .controller-admin_dashboard div#content, .controller-rf_teams div#content, .controller-audit_logs div#content, .controller-timesheet_settings div#content, .controller-holiday_dates div#content, .controller-rf_workloads div#content, .controller-workload_dashboard div#content, .controller-rf_skills div#content, .controller-rf_leaves div#content, .controller-rf_settings div#content, .controller-crm_dashboard div#content, .controller-leads div#content, .controller-contacts div#content, .controller-companies div#content, .controller-deals div#content, .controller-crm_reports div#content, .controller-crm_audit_logs div#content, .controller-crm_activities div#content, .controller-crm_settings div#content, .controller-crux_dashboard div#content, .controller-crux_project div#content, .controller-crux_ask div#content, .controller-crux_agents div#content, .controller-crux_pipelines div#content, .controller-crux_admin_keys div#content, .controller-crux_admin_logs div#content, .controller-crux_admin_settings div#content, .controller-crux_frozen_rules div#content , .controller-crm_activities div#content , .controller-rf_helpdesk_reports div#content , .controller-rf_helpdesk_reports div#content , .controller-shift_dashboard div#content , .controller-attendance div#content , .controller-shifts div#content , .controller-leave div#content , .controller-holiday_schemas div#content , .controller-departments div#content , .controller-teams div#content , .controller-reports div#content { padding-top: 86px !important; } .controller-global_invoices div#content, .controller-invoices div#content, .controller-team_rates div#content { margin-top: 15px; } /* These Redmineflux plugin pages replace #sidebar with a permanently visible narrow icon rail (Crux, Timesheet, Workload, Shift management, Testcase management, Helpdesk, Invoices). The rail is not collapsible -- the .controller-X rules further down pin its width and offset in both states -- so core Redmine's sidebar toggle has nothing to do here and is hidden, exactly as the old custom toggle button was on this same controller list. */ body.controller-timesheets #sidebar-switch-panel, body.controller-timesheet_approvals #sidebar-switch-panel, body.controller-approval_schemas #sidebar-switch-panel, body.controller-timesheet_reports #sidebar-switch-panel, body.controller-workloads #sidebar-switch-panel, body.controller-workload_teams #sidebar-switch-panel, body.controller-skills #sidebar-switch-panel, body.controller-workload_dashboards #sidebar-switch-panel, body.controller-user_workloads #sidebar-switch-panel, body.controller-user_holidays #sidebar-switch-panel, body.controller-workload_reports #sidebar-switch-panel, body.controller-rf_helpdesk #sidebar-switch-panel, body.controller-rf_helpdesk_issues #sidebar-switch-panel, body.controller-rf_organizations #sidebar-switch-panel, body.controller-rf_customers #sidebar-switch-panel, body.controller-rf_holidays #sidebar-switch-panel, body.controller-rf_helpdesk_holidays #sidebar-switch-panel, body.controller-rf_project_helpdesk #sidebar-switch-panel, body.controller-rf_project_helpdesk_issues #sidebar-switch-panel, body.controller-rf_slas #sidebar-switch-panel, body.controller-rf_products #sidebar-switch-panel, body.controller-rf_support_levels #sidebar-switch-panel, body.controller-rf_canned_responses #sidebar-switch-panel, body.controller-runs.action-defect #sidebar-switch-panel, body.controller-testcases.action-show #sidebar-switch-panel, body.controller-test_suites.action-index #sidebar-switch-panel, body.controller-runs.action-new #sidebar-switch-panel, body.controller-runs.action-show #sidebar-switch-panel, body.controller-test_suites.action-releases #sidebar-switch-panel, body.controller-testcase_activities.action-index #sidebar-switch-panel, body.controller-issue_testcase #sidebar-switch-panel, body.controller-testcase_milestones #sidebar-switch-panel, body.controller-testcase_todos #sidebar-switch-panel, body.controller-testcase_reports.action-index #sidebar-switch-panel, body.controller-testcase_reports.action-new #sidebar-switch-panel, body.controller-testcase_reports.action-show #sidebar-switch-panel, body.controller-testcase_reports.action-edit #sidebar-switch-panel, body.controller-traceability_rtms.action-index #sidebar-switch-panel, body.controller-testcase_reports.action-create #sidebar-switch-panel, body.controller-testcase_reports.action-update #sidebar-switch-panel, body.controller-requirements.action-index #sidebar-switch-panel, body.controller-testcase_import.action-step1 #sidebar-switch-panel, body.controller-testcase_import.action-step2 #sidebar-switch-panel, body.controller-testcase_import.action-step3 #sidebar-switch-panel, body.controller-testcase_import.action-step4 #sidebar-switch-panel, body.controller-testplans #sidebar-switch-panel, body.controller-testcase_environment #sidebar-switch-panel, body.controller-global_invoices #sidebar-switch-panel, body.controller-invoices #sidebar-switch-panel, body.controller-team_rates #sidebar-switch-panel, body.controller-time_tracker #sidebar-switch-panel, body.controller-time_tracker_dashboard #sidebar-switch-panel, body.controller-approvals #sidebar-switch-panel, body.controller-admin_dashboard #sidebar-switch-panel, body.controller-rf_teams #sidebar-switch-panel, body.controller-audit_logs #sidebar-switch-panel, body.controller-timesheet_settings #sidebar-switch-panel, body.controller-holiday_dates #sidebar-switch-panel, body.controller-rf_workloads #sidebar-switch-panel, body.controller-workload_dashboard #sidebar-switch-panel, body.controller-rf_skills #sidebar-switch-panel, body.controller-rf_leaves #sidebar-switch-panel, body.controller-rf_settings #sidebar-switch-panel, body.controller-crm_dashboard #sidebar-switch-panel, body.controller-leads #sidebar-switch-panel, body.controller-contacts #sidebar-switch-panel, body.controller-companies #sidebar-switch-panel, body.controller-deals #sidebar-switch-panel, body.controller-crm_reports #sidebar-switch-panel, body.controller-crm_audit_logs #sidebar-switch-panel, body.controller-crux_dashboard #sidebar-switch-panel, body.controller-crux_project #sidebar-switch-panel, body.controller-crux_ask #sidebar-switch-panel, body.controller-crux_agents #sidebar-switch-panel, body.controller-crux_pipelines #sidebar-switch-panel, body.controller-crux_admin_keys #sidebar-switch-panel, body.controller-crux_admin_logs #sidebar-switch-panel, body.controller-crux_admin_settings #sidebar-switch-panel, body.controller-crux_frozen_rules #sidebar-switch-panel, body.controller-crm_activities #sidebar-switch-panel, body.controller-crm_settings #sidebar-switch-panel, .controller-rf_helpdesk_reports #sidebar-switch-panel, .controller-shift_dashboard #sidebar-switch-panel, .controller-attendance #sidebar-switch-panel, .controller-shifts #sidebar-switch-panel, .controller-leave #sidebar-switch-panel, .controller-holiday_schemas #sidebar-switch-panel, .controller-departments #sidebar-switch-panel, .controller-teams #sidebar-switch-panel, .controller-reports #sidebar-switch-panel { display: none; } .controller-timesheets #sidebar, .controller-timesheet_approvals #sidebar, .controller-approval_schemas #sidebar, .controller-timesheet_reports #sidebar, .controller-workloads #sidebar, .controller-workload_teams #sidebar, .controller-skills #sidebar, .controller-workload_dashboards #sidebar, .controller-user_workloads #sidebar, .controller-user_holidays #sidebar, .controller-workload_reports #sidebar, .controller-rf_helpdesk #sidebar, .controller-rf_helpdesk_issues #sidebar, .controller-rf_organizations #sidebar, .controller-rf_customers #sidebar, .controller-rf_holidays #sidebar, .controller-rf_helpdesk_holidays #sidebar, .controller-rf_project_helpdesk #sidebar, .controller-rf_project_helpdesk_issues #sidebar, .controller-rf_slas #sidebar, .controller-rf_products #sidebar, .controller-rf_support_levels #sidebar, .controller-rf_canned_responses #sidebar, .controller-runs.action-defect #sidebar, .controller-testcases.action-show #sidebar, .controller-test_suites.action-index #sidebar, .controller-runs.action-new #sidebar, .controller-runs.action-show #sidebar, .controller-test_suites.action-releases #sidebar, .controller-testcase_activities.action-index #sidebar, .controller-issue_testcase #sidebar, .controller-testcase_milestones #sidebar, .controller-testcase_todos #sidebar, .controller-testcase_reports.action-index #sidebar, .controller-testcase_reports.action-new #sidebar, .controller-testcase_reports.action-show #sidebar, .controller-testcase_reports.action-edit #sidebar, .controller-traceability_rtms.action-index #sidebar, .controller-testcase_reports.action-create #sidebar, .controller-testcase_reports.action-update #sidebar, .controller-requirements.action-index #sidebar, .controller-testcase_import.action-step1 #sidebar, .controller-testcase_import.action-step2 #sidebar, .controller-testcase_import.action-step3 #sidebar, .controller-testcase_import.action-step4 #sidebar, .controller-testplans #sidebar, .controller-testcase_environment #sidebar, .controller-time_tracker #sidebar, .controller-time_tracker_dashboard #sidebar, .controller-approvals #sidebar, .controller-admin_dashboard #sidebar, .controller-rf_teams #sidebar, .controller-audit_logs #sidebar, .controller-timesheet_settings #sidebar, .controller-holiday_dates #sidebar, .controller-rf_workloads #sidebar, .controller-workload_dashboard #sidebar, .controller-rf_skills #sidebar, .controller-rf_leaves #sidebar, .controller-rf_settings #sidebar, .controller-crm_dashboard #sidebar, .controller-leads #sidebar, .controller-contacts #sidebar, .controller-companies #sidebar, .controller-deals #sidebar, .controller-crm_reports #sidebar, .controller-crm_audit_logs #sidebar, .controller-crm_activities #sidebar, .controller-crm_settings #sidebar { background: #D1EBFA !important; box-shadow: 0px 1px 5px #D8EBFF !important; width: 30px !important; position: relative !important; padding-top: 80px; top: 0px !important; } .controller-global_invoices #sidebar, .controller-invoices #sidebar , .controller-team_rates.action-index #sidebar , .controller-shift_dashboard #sidebar , .controller-attendance #sidebar , .controller-shifts #sidebar , .controller-leave #sidebar , .controller-holiday_schemas #sidebar , .controller-departments #sidebar , .controller-teams #sidebar , .controller-reports #sidebar , .controller-shift_change_requests #sidebar { background: #D1EBFA !important; box-shadow: 0px 1px 5px #D8EBFF !important; width: 60px !important; position: relative !important; padding-top: 80px; top: 0px !important; } a.btn-sm-dashboard, a.btn-sm-calendar, a.btn-sm-attendance, a.btn-sm-shifts, a.btn-sm-leave, a.btn-sm-holidays, a.btn-sm-departments, a.btn-sm-reports { color: #0094ff !important; } /* helpdesk , invoice*/ .controller-timesheets #sidebar a, .controller-timesheet_approvals #sidebar a, .controller-approval_schemas #sidebar a, .controller-timesheet_reports #sidebar a, .controller-workloads #sidebar a, .controller-workload_teams #sidebar a, .controller-skills #sidebar a, .controller-workload_dashboards #sidebar a, .controller-user_workloads #sidebar a, .controller-user_holidays #sidebar a, .controller-workload_reports #sidebar a, .controller-rf_helpdesk #sidebar a, .controller-rf_helpdesk_issues #sidebar a, .controller-rf_organizations #sidebar a, .controller-rf_customers #sidebar a, .controller-rf_holidays #sidebar a, .controller-rf_helpdesk_holidays #sidebar a, .controller-rf_project_helpdesk #sidebar a, .controller-rf_project_helpdesk_issues #sidebar a, .controller-rf_slas #sidebar a, .controller-rf_products #sidebar a, .controller-rf_support_levels #sidebar a, .controller-rf_canned_responses #sidebar a, .controller-runs.action-defect #sidebar a, .controller-testcases.action-show #sidebar a, .controller-test_suites.action-index #sidebar a, .controller-runs.action-new #sidebar a, .controller-runs.action-show #sidebar a, .controller-test_suites.action-releases #sidebar a, .controller-testcase_activities.action-index #sidebar a, .controller-issue_testcase #sidebar a, .controller-testcase_milestones #sidebar a, .controller-testcase_todos #sidebar a, .controller-testcase_reports.action-index #sidebar a, .controller-testcase_reports.action-new #sidebar a, .controller-testcase_reports.action-show #sidebar a, .controller-testcase_reports.action-edit #sidebar a, .controller-traceability_rtms.action-index #sidebar a, .controller-testcase_reports.action-create #sidebar a, .controller-testcase_reports.action-update #sidebar a, .controller-requirements.action-index #sidebar a, .controller-testcase_import.action-step1 #sidebar a, .controller-testcase_import.action-step2 #sidebar a, .controller-testcase_import.action-step3 #sidebar a, .controller-testcase_import.action-step4 #sidebar a, .controller-testplans #sidebar a, .controller-testcase_environment #sidebar a, .controller-global_invoices #sidebar a, .controller-invoices #sidebar a, .controller-team_rates #sidebar a, .controller-time_tracker #sidebar a, .controller-time_tracker_dashboard #sidebar a, .controller-approvals #sidebar a, .controller-admin_dashboard #sidebar a, .controller-rf_teams #sidebar a, .controller-audit_logs #sidebar a, .controller-timesheet_settings #sidebar a, .controller-holiday_dates #sidebar a, .controller-rf_workloads #sidebar a, .controller-workload_dashboard #sidebar a, .controller-rf_skills #sidebar a, .controller-rf_leaves #sidebar a, .controller-rf_settings #sidebar a { width: 37px !important; } .controller-timesheets #main.collapsedsidebar #sidebar, .controller-timesheet_approvals #main.collapsedsidebar #sidebar, .controller-approval_schemas #main.collapsedsidebar #sidebar, .controller-timesheet_reports #main.collapsedsidebar #sidebar, .controller-workloads #main.collapsedsidebar #sidebar, .controller-workload_teams #main.collapsedsidebar #sidebar, .controller-skills #main.collapsedsidebar #sidebar, .controller-workload_dashboards #main.collapsedsidebar #sidebar, .controller-user_workloads #main.collapsedsidebar #sidebar, .controller-user_holidays #main.collapsedsidebar #sidebar, .controller-workload_reports #main.collapsedsidebar #sidebar, .controller-rf_helpdesk #main.collapsedsidebar #sidebar, .controller-rf_helpdesk_issues #main.collapsedsidebar #sidebar, .controller-rf_organizations #main.collapsedsidebar #sidebar, .controller-rf_customers #main.collapsedsidebar #sidebar, .controller-rf_holidays #main.collapsedsidebar #sidebar, .controller-rf_helpdesk_holidays #main.collapsedsidebar #sidebar, .controller-rf_project_helpdesk #main.collapsedsidebar #sidebar, .controller-rf_project_helpdesk_issues #main.collapsedsidebar #sidebar, .controller-rf_slas #main.collapsedsidebar #sidebar, .controller-rf_products #main.collapsedsidebar #sidebar, .controller-rf_support_levels #main.collapsedsidebar #sidebar, .controller-rf_canned_responses #main.collapsedsidebar #sidebar, .controller-runs.action-defect #main.collapsedsidebar #sidebar, .controller-testcases.action-show #main.collapsedsidebar #sidebar, .controller-test_suites.action-index #main.collapsedsidebar #sidebar, .controller-runs.action-new #main.collapsedsidebar #sidebar, .controller-runs.action-show #main.collapsedsidebar #sidebar, .controller-test_suites.action-releases #main.collapsedsidebar #sidebar, .controller-testcase_activities.action-index #main.collapsedsidebar #sidebar, .controller-issue_testcase #main.collapsedsidebar #sidebar, .controller-testcase_milestones #main.collapsedsidebar #sidebar, .controller-testcase_todos #main.collapsedsidebar #sidebar, .controller-testcase_reports.action-index #main.collapsedsidebar #sidebar, .controller-testcase_reports.action-new #main.collapsedsidebar #sidebar, .controller-testcase_reports.action-show #main.collapsedsidebar #sidebar, .controller-testcase_reports.action-edit #main.collapsedsidebar #sidebar, .controller-traceability_rtms.action-index #main.collapsedsidebar #sidebar, .controller-testcase_reports.action-create #main.collapsedsidebar #sidebar, .controller-testcase_reports.action-update #main.collapsedsidebar #sidebar, .controller-requirements.action-index #main.collapsedsidebar #sidebar, .controller-testcase_import.action-step1 #main.collapsedsidebar #sidebar, .controller-testcase_import.action-step2 #main.collapsedsidebar #sidebar, .controller-testcase_import.action-step3 #main.collapsedsidebar #sidebar, .controller-testcase_import.action-step4 #main.collapsedsidebar #sidebar, .controller-testplans #main.collapsedsidebar #sidebar, .controller-testcase_environment #main.collapsedsidebar #sidebar, .controller-global_invoices #main.collapsedsidebar #sidebar, .controller-invoices #main.collapsedsidebar #sidebar, .controller-time_tracker #main.collapsedsidebar #sidebar, .controller-time_tracker_dashboard #main.collapsedsidebar #sidebar, .controller-approvals #main.collapsedsidebar #sidebar, .controller-admin_dashboard #main.collapsedsidebar #sidebar, .controller-rf_teams #main.collapsedsidebar #sidebar, .controller-audit_logs #main.collapsedsidebar #sidebar, .controller-timesheet_settings #main.collapsedsidebar #sidebar, .controller-holiday_dates #main.collapsedsidebar #sidebar, .controller-rf_workloads #main.collapsedsidebar #sidebar, .controller-workload_dashboard #main.collapsedsidebar #sidebar, .controller-rf_skills #main.collapsedsidebar #sidebar, .controller-rf_leaves #main.collapsedsidebar #sidebar, .controller-rf_settings #main.collapsedsidebar #sidebar, .controller-rf_helpdesk_reports #main.collapsedsidebar #sidebar { left: 58px !important; visibility: visible !important; opacity: 1 !important; top: 0px; width: 30px !important; } body.controller-timesheets div#main.collapsedsidebar, body.controller-timesheet_approvals div#main.collapsedsidebar, body.controller-approval_schemas div#main.collapsedsidebar, body.controller-timesheet_reports div#main.collapsedsidebar, body.controller-workloads div#main.collapsedsidebar, body.controller-workload_teams div#main.collapsedsidebar, body.controller-skills div#main.collapsedsidebar, body.controller-workload_dashboards div#main.collapsedsidebar, body.controller-user_workloads div#main.collapsedsidebar, body.controller-user_holidays div#main.collapsedsidebar, body.controller-workload_reports div#main.collapsedsidebar, body.controller-rf_helpdesk div#main.collapsedsidebar, body.controller-rf_helpdesk_issues div#main.collapsedsidebar, body.controller-rf_organizations div#main.collapsedsidebar, body.controller-rf_customers div#main.collapsedsidebar, body.controller-rf_holidays div#main.collapsedsidebar, body.controller-rf_helpdesk_holidays div#main.collapsedsidebar, body.controller-rf_project_helpdesk div#main.collapsedsidebar, body.controller-rf_project_helpdesk_issues div#main.collapsedsidebar, body.controller-rf_slas div#main.collapsedsidebar, body.controller-rf_products div#main.collapsedsidebar, body.controller-rf_support_levels div#main.collapsedsidebar, body.controller-rf_canned_responses div#main.collapsedsidebar, body.controller-runs.action-defect div#main.collapsedsidebar, body.controller-testcases.action-show div#main.collapsedsidebar, body.controller-test_suites.action-index div#main.collapsedsidebar, body.controller-runs.action-new div#main.collapsedsidebar, body.controller-runs.action-show div#main.collapsedsidebar, body.controller-test_suites.action-releases div#main.collapsedsidebar, body.controller-testcase_activities.action-index div#main.collapsedsidebar, body.controller-issue_testcase div#main.collapsedsidebar, body.controller-testcase_milestones div#main.collapsedsidebar, body.controller-testcase_todos div#main.collapsedsidebar, body.controller-testcase_reports.action-index div#main.collapsedsidebar, body.controller-testcase_reports.action-new div#main.collapsedsidebar, body.controller-testcase_reports.action-show div#main.collapsedsidebar, body.controller-testcase_reports.action-edit div#main.collapsedsidebar, body.controller-traceability_rtms.action-index div#main.collapsedsidebar, body.controller-testcase_reports.action-create div#main.collapsedsidebar, body.controller-testcase_reports.action-update div#main.collapsedsidebar, body.controller-requirements.action-index div#main.collapsedsidebar, body.controller-testcase_import.action-step1 div#main.collapsedsidebar, body.controller-testcase_import.action-step2 div#main.collapsedsidebar, body.controller-testcase_import.action-step3 div#main.collapsedsidebar, body.controller-testcase_import.action-step4 div#main.collapsedsidebar, body.controller-testplans div#main.collapsedsidebar, body.controller-testcase_environment div#main.collapsedsidebar, body.controller-global_invoices div#main.collapsedsidebar, body.controller-invoices div#main.collapsedsidebar, body.controller-team_rates div#main.collapsedsidebar, body.controller-time_tracker div#main.collapsedsidebar, body.controller-time_tracker_dashboard div#main.collapsedsidebar, body.controller-approvals div#main.collapsedsidebar, body.controller-admin_dashboard div#main.collapsedsidebar, body.controller-rf_teams div#main.collapsedsidebar, body.controller-audit_logs div#main.collapsedsidebar, body.controller-timesheet_settings div#main.collapsedsidebar, body.controller-holiday_dates div#main.collapsedsidebar, body.controller-rf_workloads div#main.collapsedsidebar, body.controller-workload_dashboard div#main.collapsedsidebar, body.controller-rf_skills div#main.collapsedsidebar, body.controller-rf_leaves div#main.collapsedsidebar, body.controller-rf_settings div#main.collapsedsidebar, .controller-rf_helpdesk_reports div#main.collapsedsidebar { margin-left: -31px !important; } .controller-timesheets #main.collapsedsidebar #sidebar, .controller-approvals #main.collapsedsidebar #sidebar, .controller-timesheet_reports #main.collapsedsidebar #sidebar, .controller-admin_dashboard #main.collapsedsidebar #sidebar, .controller-approval_schemas #main.collapsedsidebar #sidebar, .controller-rf_teams #main.collapsedsidebar #sidebar, .controller-timesheet_settings #main.collapsedsidebar #sidebar, .controller-audit_logs #main.collapsedsidebar #sidebar, .controller-rf_workloads #main.collapsedsidebar #sidebar, .controller-workload_dashboard #main.collapsedsidebar #sidebar, .controller-rf_skills #main.collapsedsidebar #sidebar, .controller-rf_leaves #main.collapsedsidebar #sidebar, .controller-rf_settings #main.collapsedsidebar #sidebar, .controller-timesheets #sidebar, .controller-approvals #sidebar, .controller-timesheet_reports #sidebar, .controller-admin_dashboard #sidebar, .controller-approval_schemas #sidebar, .controller-rf_teams #sidebar, .controller-timesheet_settings #sidebar, .controller-audit_logs #sidebar, .controller-rf_workloads #sidebar, .controller-workload_dashboard #sidebar, .controller-rf_skills #sidebar, .controller-rf_leaves #sidebar, .controller-rf_settings #sidebar { width: 60px !important; position: relative !important; } /* Crux plugin sidebar manage -- the rail is a fixed narrow icon strip that must look IDENTICAL whether or not #main carries core Redmine's .collapsedsidebar class. So instead of reproducing the theme's collapse/expand transition (CRM's approach), we just neutralize every property the global collapse rule and the collapsible/collapsed margin rules would otherwise change, scoped to crux controllers only. Net effect: the sidebar toggle never changes how a Crux page's own sidebar renders. */ body.controller-crux_dashboard #main.collapsedsidebar #sidebar, body.controller-crux_project #main.collapsedsidebar #sidebar, body.controller-crux_ask #main.collapsedsidebar #sidebar, body.controller-crux_agents #main.collapsedsidebar #sidebar, body.controller-crux_pipelines #main.collapsedsidebar #sidebar, body.controller-crux_admin_keys #main.collapsedsidebar #sidebar, body.controller-crux_admin_logs #main.collapsedsidebar #sidebar, body.controller-crux_admin_settings #main.collapsedsidebar #sidebar, body.controller-crux_frozen_rules #main.collapsedsidebar #sidebar { transform: none !important; visibility: visible !important; opacity: 1 !important; left: 0 !important; width: 58px !important; } body.controller-crux_dashboard div#main.collapsedsidebar, body.controller-crux_project div#main.collapsedsidebar, body.controller-crux_ask div#main.collapsedsidebar, body.controller-crux_agents div#main.collapsedsidebar, body.controller-crux_pipelines div#main.collapsedsidebar, body.controller-crux_admin_keys div#main.collapsedsidebar, body.controller-crux_admin_logs div#main.collapsedsidebar, body.controller-crux_admin_settings div#main.collapsedsidebar, body.controller-crux_frozen_rules div#main.collapsedsidebar { margin-left: -31px !important; } body.controller-crux_dashboard #sidebar, html.controller-crux_dashboard #sidebar, body.controller-crux_project #sidebar, html.controller-crux_project #sidebar, body.controller-crux_ask #sidebar, html.controller-crux_ask #sidebar, body.controller-crux_agents #sidebar, html.controller-crux_agents #sidebar, body.controller-crux_pipelines #sidebar, html.controller-crux_pipelines #sidebar, body.controller-crux_admin_keys #sidebar, html.controller-crux_admin_keys #sidebar, body.controller-crux_admin_logs #sidebar, html.controller-crux_admin_logs #sidebar, body.controller-crux_admin_settings #sidebar, html.controller-crux_admin_settings #sidebar, body.controller-crux_frozen_rules #sidebar, html.controller-crux_frozen_rules #sidebar { position: relative !important; } .crux-tag { padding: 4px 8px !important; } .crux-btn-sm { padding: 7px 8px !important; } .crux-stage { padding: 4px 10px !important; } /* Crm plugin header sidebar manage */ body.controller-crm_dashboard div#main.collapsedsidebar, body.controller-leads div#main.collapsedsidebar, body.controller-contacts div#main.collapsedsidebar, body.controller-companies div#main.collapsedsidebar, body.controller-deals div#main.collapsedsidebar, body.controller-crm_reports div#main.collapsedsidebar, body.controller-crm_audit_logs div#main.collapsedsidebar, body.controller-crm_activities div#main.collapsedsidebar, body.controller-crm_settings div#main.collapsedsidebar { margin-left: -28px !important; } .controller-crm_dashboard #sidebar, .controller-crm_dashboard #main.collapsedsidebar #sidebar, .controller-leads #sidebar, .controller-leads #main.collapsedsidebar #sidebar, .controller-contacts #sidebar, .controller-contacts #main.collapsedsidebar #sidebar, .controller-companies #sidebar, .controller-companies #main.collapsedsidebar #sidebar, .controller-deals #sidebar, .controller-deals #main.collapsedsidebar #sidebar, .controller-crm_reports #sidebar, .controller-crm_reports #main.collapsedsidebar #sidebar, .controller-crm_audit_logs #sidebar, .controller-crm_audit_logs #main.collapsedsidebar #sidebar, .controller-crm_activities #sidebar, .controller-crm_activities #main.collapsedsidebar #sidebar, .controller-crm_settings #sidebar, .controller-crm_settings #main.collapsedsidebar #sidebar { width: 60px !important; } .controller-crm_dashboard #main.collapsedsidebar #sidebar, .controller-leads #main.collapsedsidebar #sidebar, .controller-contacts #main.collapsedsidebar #sidebar, .controller-companies #main.collapsedsidebar #sidebar, .controller-deals #main.collapsedsidebar #sidebar, .controller-crm_reports #main.collapsedsidebar #sidebar, .controller-crm_audit_logs #main.collapsedsidebar #sidebar, .controller-crm_activities #main.collapsedsidebar #sidebar, .controller-crm_settings #main.collapsedsidebar #sidebar { left: 75px !important; visibility: visible !important; opacity: 1 !important; } .controller-crm_dashboard #sidebar a, .controller-leads #sidebar a, .controller-contacts #sidebar a, .controller-companies #sidebar a, .controller-deals #sidebar a, .controller-crm_reports #sidebar a, .controller-crm_audit_logs #sidebar a, .controller-crm_activities #sidebar a, .controller-crm_settings #sidebar a { width: 50px !important; } #sidebar .rf_crm_sidebar_nav { /* was 65px, tuned for the old 114px header. #sidebar already carries a 12px top padding here, so the rail itself needs none -- otherwise the two stack and CRM's rail sits 12px lower than the other four. */ margin-top: 0 !important; } .crm-content-wrapper { background: #f6f6fa !important; margin-top: -30px; } /* Helpdesk customer view pages */ .controller-rf_project_helpdesk.customer-user #header, .controller-rf_project_helpdesk_issues.customer-user #header { height: 65px; } .controller-rf_project_helpdesk.customer-user #header h1::before, .controller-rf_project_helpdesk_issues.customer-user #header h1::before { display: none; } .controller-rf_project_helpdesk.customer-user #header h1, .controller-rf_project_helpdesk_issues.customer-user #header h1 { cursor: default; } body.controller-rf_project_helpdesk.customer-user div#main.collapsedsidebar, body.controller-rf_project_helpdesk_issues.customer-user div#main.collapsedsidebar { padding: 30px 32px 0px 32px !important; } .controller-rf_project_helpdesk.customer-user #sidebar, .controller-rf_project_helpdesk_issues.customer-user #sidebar { padding-top: 40px; } .controller-rf_project_helpdesk_issues.customer-user #content>div.contextual>a { background-color: #ffffff !important; color: #181c25 !important; } .controller-rf_project_helpdesk_issues.customer-user #content>div.contextual>a.rf_reply.icon.icon-comment { background-image: url("/assets/plugin_assets/redmineflux_scarlet/Message-a58d156f.svg") !important; background-size: 16px; background-position: 10px 13px !important; } .controller-rf_project_helpdesk_issues.customer-user #content>div.contextual>a.icon-edit { background-image: url("/assets/plugin_assets/redmineflux_scarlet/Edit-b6dd804b.svg") !important; background-position: 18% 50% !important; background-size: 16px !important; background-repeat: no-repeat !important; } .controller-rf_project_helpdesk_issues.customer-user div.issue { background-color: #FFFFFF !important; margin-top: 20px !important; border-radius: 3px 3px 0 0; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08); } /* ----------------------------------------- */ #btn_create_approval_schema, #btn_update_approval_schema { border-color: #FC641F !important; font-size: 16px !important; } .controller-timesheet_reports fieldset#filters tr.filter { height: 4em; } button.filter_apply, .button_issue, .button-plan, a.modal-link.icon.icon-add, #create_team, #memb_submit, #skill_submit, #skill_update, #skill_update:disabled, #confirmBtn, #scheme_edit_submit, #scheme_edit_submit:disabled, .hd_scheme_edit_submit:disabled, #hd_scheme_edit_submit, button#applyButton, #apply_context_menu, .button-save, button#save-inline-note, button#save-inline-note, .button_issue_gantt, input:checked+.slider button#projectSelectBtn, .gantt-btn-primary, .applyBtn, #btn_create_level, #btn_create_level, #btn_delete_level, #save-btn, #save-btn:disabled, #team_edit_update, #team_edit_update:disabled, #memb_edit_submit, #memb_edit_submit:disabled, #query_form #query_form_with_buttons .buttons a.icon.icon-checked, #query_form #query_form_with_buttons .buttons a.icon.icon-reload, #query_form #query_form_with_buttons .buttons a.icon.icon-save, a#new_test_case_link, .new-testsuite-modal .testsuite-modal-btn .create-testsuite, .edit_testsuite-modal input#update-btn, #content div#new-run-btn, .testrun-modal-btn .create-testrun, input.milestone_run_button, #delete_folder_form>input.delete-folder, .testrun-modal-btn .update-run, div.add-result-btn>#update-btn, a.create-issue-link, button#projectSelectBtn, button#versionSelectBtn, .footer-folder input.isclosed_run_button, .add-page-modal .action-btn .next-btn, .delete-modal .action-btn .delete-btn, button.tag_button, .orange-btn { background-color: #FC641F !important; color: #ffffff !important; border: 1px solid #FC641F !important; background-repeat: no-repeat; } button.filter_apply:hover, .button_issue:hover, .button-plan:hover, a.modal-link.icon.icon-add:hover, #create_team:hover, #memb_submit:hover, #skill_submit:hover, #skill_update:hover, #skill_update:disabled:hover, #confirmBtn:hover, #scheme_edit_submit:hover, #scheme_edit_submit:disabled:hover, button.addW.icon.icon-add:hover, .hd_scheme_edit_submit:disabled:hover, #hd_scheme_edit_submit:hover, button#applyButton:hover, #content>div.helpdesk_top_section>div>a.icon.icon-add:hover, .button-save:hover, button#save-inline-note:hover, button#projectSelectBtn:hover, #apply_context_menu:hover, .button_issue_gantt:hover, .gantt-btn-primary:hover, .applyBtn:hover, #btn_create_level:hover, #btn_create_level:hover, #btn_delete_level:hover, #save-btn:hover, #save-btn:disabled:hover, #team_edit_update:hover, #team_edit_update:disabled:hover, #memb_edit_submit:hover, #memb_edit_submit:disabled:hover, #query_form #query_form_with_buttons .buttons a.icon.icon-checked:hover, #query_form #query_form_with_buttons .buttons a.icon.icon-reload:hover, #query_form #query_form_with_buttons .buttons a.icon.icon-save:hover, a#new_test_case_link:hover, .new-testsuite-modal .testsuite-modal-btn .create-testsuite:hover, .edit_testsuite-modal input#update-btn:hover, #content div#new-run-btn:hover, #delete_folder_form>input.delete-folder:hover, .testrun-modal-btn .update-run:hover, #create-btn.create-testcase-filter:hover, #close-testcase-filter-modal:hover, #clearButtonFilter:hover, div.add-result-btn>#update-btn:hover, a.create-issue-link:hover, .footer-folder input.isclosed_run_button:hover, .add-page-modal .action-btn .next-btn:hover, .delete-modal .action-btn .delete-btn:hover, button.tag_button:hover, .testrun-select-cases-modal-btn button.create-test-cases-run:hover, #tab-content-versions>div>a.icon.icon-locked:hover, .icon.icon-reload:hover { background-color: #fc641fc7 !important; text-decoration: none; } .testrun-select-cases-modal-btn button.create-test-cases-run:hover { border-color: #fc641fc7 !important; } .button-cross, .cancelBtn, .memb_close, .close_skill, .team_close, .button-close, .controller-workload_teams .close_team_edit_head, #cross_close_hd_scheme_edit, .controller-workload_teams #cancelBtn, .controller-workload_team #cancelBtn, .controller-skills #cancelBtn, .controller-user_workloads #cancelBtn, .controller-user_holidays #cancelBtn, .controller-holiday_dates #cancelBtn, .deletePlan-popup .cancel-delete, #memb_bulk_close, #cross_close_scheme_edit, #cancel_button, button#cancel-inline-note, .gantt-btn-secondary, #btn_cancel_schema, #btn_cancel_edit_schema, #btn_cancel_level, #cancel-btn, button.milestone_cancel-btn, .cancel-folder, .issue_template_button>a#cancel_template, .footer-folder button.isClosed_cancel-btn, input#cancel_tag, button.tag_cancel-btn, #cancelchecklistBtn, #cancelteamBtn, button.email-template_cancel-btn { background: #CED3E6 !important; border: 1px solid #CED3E6 !important; color: #29435C !important; background-repeat: no-repeat; } .button-cross:hover, .cancelBtn:hover, .memb_close:hover, .close_skill:hover, .team_close:hover, .button-close:hover, .controller-workload_teams .close_team_edit_head:hover, .controller-workload_team .close_team_edit_head:hover, #cross_close_hd_scheme_edit:hover, .controller-workload_teams #cancelBtn:hover, .controller-workload_team #cancelBtn:hover, .controller-skills #cancelBtn:hover, .controller-user_workloads #cancelBtn:hover, .controller-user_holidays #cancelBtn:hover, .controller-holiday_dates #cancelBtn:hover, .deletePlan-popup .cancel-delete:hover, .controller-workload_reports.action-index button#cancel_modal:hover, #memb_bulk_close:hover, #cross_close_scheme_edit:hover, #cancel_button:hover, button#cancel-inline-note:hover, .gantt-btn-secondary:hover, #btn_cancel_schema:hover, #btn_cancel_edit_schema:hover, #btn_cancel_level:hover, #cancel-btn:hover, button.milestone_cancel-btn:hover, .cancel-folder:hover, .issue_template_button>a#cancel_template:hover, .footer-folder button.isClosed_cancel-btn:hover, input#cancel_tag:hover, button.tag_cancel-btn:hover, #cancelchecklistBtn:hover { background-color: #ced3e6a8 !important; border: 1px solid #ced3e6a8 !important; } /* model Background */ .div-modal, .modal-bg, .modal-bg-memb, .modal-bg_skill, .modal-bg-edit-memb, #skill_update_back, .modal-bg-scheme_edit, .modal-bg-members_delete, .modal-bg-hd-scheme_edit, .modal-bg_team_edit { z-index: 999 !important; } /* Model popups */ div.modal, .modal-edit_memb, .modal-memb, .modal_skill, #skill_update_model, .deleteModal, .modal-wk_sk_memb, .modal-wk_hd_memb, .modal_team_edit, .setting-modal { z-index: 9999 !important; } /* helpdesk */ .sidebar_helpdesk.selected #btn-rf-project-helpdesk-overview, .sidebar_helpdesk.selected #btn-rf-project-helpdesk-tickets, .sidebar_helpdesk.selected #btn-rf-project-helpdesk-knowledgebase, .sidebar_helpdesk.selected #btn-rf-project-helpdesk-sla, .sidebar_helpdesk.selected #btn-rf-project-helpdesk-organization, .sidebar_helpdesk.selected #btn-rf-project-helpdesk-settings { background-color: #22a2ff3d !important; height: 35px; } #tab-content-customer>p.nodata { margin-top: 30px; } #content>div.helpdesk_top_section>div>a.icon.icon-add { background-image: url("/assets/plugin_assets/redmineflux_scarlet/plus_ico-05e3a0cd.svg") !important; background-repeat: no-repeat !important; margin-top: 15px !important; } .controller-rf_helpdesk.action-customers table.list.users>thead>tr>th:nth-child(2), .controller-rf_helpdesk.action-customers table.list.users>thead>tr>th:nth-child(3), #tab-content-canned_responses>table>thead>tr>th:nth-child(1) { text-align: center; } #tab-content-holidays>div.contextual, #tab-content-support_levels>div.contextual, #tab-content-customer>div.contextual { margin-bottom: 30px; } .controller-rf_slas.action-history #content>div.contextual>a.icon.icon-cancel { padding: 10px; background-image: none; } a.rf_reply.icon.icon-comment { background-position: 12px 14px !important; } .controller-rf_project_helpdesk.action-knowledgebase .pages-tree[collapse="true"] .toggle-btn { left: 80px !important; } .controller-rf_project_helpdesk.action-knowledgebase .pages-tree[collapse="false"] .toggle-btn { left: 260px !important; } /* agile board */ #content>div.switch_mode_div>div.btn-board-view>svg>circle, #content>div.switch_mode_div>div.btn-list-view>svg>circle, #content>div.switch_mode_div>div.btn-list-view>svg>path { fill: #FC641F; } .agile_filters div#toggle_icon { display: none; } .setting-agile #query_form_content { box-shadow: none; } /*--- updated agile board ---*/ .controller-rf_boards div#main, .controller-rf_boards #content, .controller-rf_boards #wrapper { background: rgb(255 255 255); } .controller-rf_boards div#main { background: rgb(255 255 255); padding: 67px 32px 0px 32px !important; } .jira-btn-secondary { background: transparent !important; color: #6B778C !important; border: 1px solid #DFE1E6 !important; } .jira-btn-secondary:hover { background: #EBECF0 !important; color: #172B4D !important; } .jira-btn-primary { background: #FF5722 !important; color: #FFFFFF !important; } .controller-rf_board_configs div#main { padding: 30px 10px 0px 10px !important; } .controller-rf_board_configs .rf-options-actions { background: #ffffff00 !important; } .controller-rf_board_configs legend.icon-collapsed { background-image: none; } .rf-sprint-cancel-btn { height: 38px !important; padding: 0 21px !important; border-radius: 3px !important; background-color: #ced3e6 !important; color: #29435c !important; } #tab-content-sprints>div.contextual>a.icon.icon-add { background-color: #fc641f !important; font-size: 14px !important; border-radius: 3px !important; padding: 12px 15px 11px 35px !important; color: #ffffff !important; text-decoration: none; background-repeat: no-repeat; } #tab-content-sprints>div.contextual>a.icon.icon-add:hover { background-color: #fc641f !important; } #tab-content-sprints>table>thead>tr>th:nth-child(1) { text-align: center; } /* ------------------------------ */ /* issue template */ button#clearButton { background-image: none !important; } .controller-issue_template_setting.action-create input#submited, .controller-issue_template_setting.action-copy input#submited, .controller-issue_template.action-new input#submited, .controller-issue_template.action-copy input#submited, .controller-issue_template_setting input#submited { padding: 8px; } .controller-issue_template_setting.action-show .add_issue_template { margin: 20px 0px 0px 0px !important; } .controller-issue_template_setting #header { height: 50px !important; } .controller-issue_template_setting div#main { padding: 30px 32px 0px 32px !important; } .issue_template_button>input, .issue_template_button>button#clearButton, .issue_template_button>a#cancel_button, .issue_template_button>button#submited, .issue_template_button>a#cancel_template { height: 35px !important } .contextual.add_issue_template a { color: #ffffff !important; background-image: url("/assets/plugin_assets/redmineflux_scarlet/plus_ico-05e3a0cd.svg") !important; background-repeat: no-repeat !important; background-position: 16px 14px !important; background-color: #fc641f !important; font-size: 14px !important; border-radius: 3px !important; padding: 12px 15px 11px 35px !important; } .controller-issue_template_setting #admin-menu>ul>li>a.icon.issue-template-controller.selected { padding-left: 10px !important; } /* flux gantt */ .gantt-multi-select-item.selected { border-color: #FC641F !important; } .gantt-multi-select-item input[type="checkbox"] { accent-color: #fc641f; } .zt-gantt-marker-today, .zt-gantt-marker-area .zt-gantt-marker, input:checked+.slider { background-color: #FC641F !important; } #menu-gantt { z-index: 999 !important; } /* timesheet */ .zt-gantt-fullScreen { z-index: 999 !important; } .zt-gantt-d-flex { z-index: 0; } button#createButton, button#clearButton { height: 40px !important; } #content>div.row_dif>div>table>tbody>tr>td>a.icon-only.icon_user_teams, .list.issues.holiday_change a.icon-only.addMembers { background-position: 6px 5px !important; background-size: 20px !important; padding: 5px 0px 0px 25px !important; margin-top: -7px; } #content>div>table>tbody>tr>td>div>a>input.addW.icon.icon-add, #add-scheme-members>button.addW.icon.icon-add, #content>div.new-holiday-scheme>table>tbody>tr>td>div>a>button.addW.icon.icon-add { background-position: 12px 53% !important; background-image: url("/assets/plugin_assets/redmineflux_scarlet/plus_ico-05e3a0cd.svg") !important; background-size: 12px !important; background-repeat: no-repeat !important; } #confirmteamBtn { border-color: #FC641F !important; ; background-color: #FC641F !important; color: #FFFFFF !important; } #confirmteamBtn:hover { border-color: #fc641fcf !important; background-color: #fc641fcf !important; color: #FFFFFF !important; } /* New develop plugin */ ul#redmineflux-timesheet-sidebar, .controller-rf_workloads #sidebar ul, .controller-workload_dashboard #sidebar ul, .controller-rf_skills #sidebar ul, .controller-rf_leaves #sidebar ul, .controller-rf_settings #sidebar ul, .controller-rf_teams #sidebar ul { margin-top: 80px !important; } #redmineflux-timesheet-sidebar>li>a>svg, .controller-rf_workloads #sidebar ul>li>a>svg, .controller-workload_dashboard #sidebar ul>li>a>svg, .controller-rf_skills #sidebar ul>li>a>svg, .controller-rf_leaves #sidebar ul>li>a>svg, .controller-rf_settings #sidebar ul>li>a>svg, .controller-rf_teams #sidebar ul>li>a>svg { width: 20px !important; height: 20px !important; } #redmineflux-timesheet-sidebar>li>a, .controller-rf_workloads #sidebar ul>li>a, .controller-workload_dashboard #sidebar ul>li>a, .controller-rf_skills #sidebar ul>li>a, .controller-rf_leaves #sidebar ul>li>a, .controller-rf_settings #sidebar ul>li>a, .controller-rf_teams #sidebar ul>li>a { width: 40px !important; height: 20px !important; border-radius: 8px !important; } .setting-page-header { padding: 20px 20px 14px !important; border-radius: 10px !important; margin-bottom: 18px !important; } #content>div.settings-container>form>div.settings-actions>button>svg { width: 20px; height: 25px; stroke-width: 3px; } /* testcase */ .controller-test_suites.action-releases #sidebar_right { margin-top: 67px; } .run_modal p.new_modal, .edit_run>p.edit_modal { margin: 0px 0px -28px 0px !important; } a.icon-only.icon-del.delete-assignment, a.icon-only.icon-del.edit-delete-assignment { background-position: 0px 1px !important; } .sidebar_images { margin-left: 0px !important; } .testrun-select-cases-modal-btn #close-testrun-cases-modal { line-height: 14px !important; } .controller-test_suites.action-index #query_form .buttons a.icon.icon-checked { background-image: url("/assets/plugin_assets/redmineflux_scarlet/tick_ico-6272101a.svg") !important; background-repeat: no-repeat !important; } .controller-test_suites.action-index #query_form .buttons a.icon.icon-reload { background-image: url("/assets/plugin_assets/redmineflux_scarlet/clear-bbc16ac8.svg") !important; background-repeat: no-repeat !important; } .testcase-sidebar #content>table>tbody>tr>td>a>svg>use, #content>div.testsuite-container.testsuite-flex>div.testcase_filter_div>div.contextual>span>span>span>svg>use { display: none; } a#create-run-type-link { margin-bottom: 15px; } .controller-test_suites.action-index span.icon-only.icon-actions { position: relative !important; top: 0px !important; height: 17px; } #content>div.version_div>form>div>button.search-submit, #content>div.testsuite-container.testsuite-flex>div.testcase_filter_div>div.search_div>form>div>button, .search-submit:hover, #content>div.search_div>form>div>button.search-submit { background-color: transparent !important; padding: revert; } .controller-test_suites.action-index a.test-suites.selected, .controller-runs #main-menu li a.test-suites, .controller-testcases #main-menu li a.test-suites, .controller-testcase_activities #main-menu li a.test-suites, .controller-testcase_todos #main-menu li a.test-suites, .controller-testcase_reports #main-menu li a.test-suites, .controller-issue_testcase #main-menu li a.test-suites, .controller-traceability_rtms.action-index #main-menu li a.test-suites, .controller-testcase_environment #main-menu li a.test-suites { color: #FFFFFF !important; background: rgb(0 0 0 / 20%) url("/assets/plugin_assets/redmineflux_scarlet/default_icon-7808a7fb.svg") no-repeat 8px 2px !important; color: #FC641F !important; } .new-testsuite-modal .testsuite-modal-btn .cancel-btn, .edit_testsuite-modal button#close-testsuite-edit-modal, .testrun-modal-btn #close-testrun-modal { padding: 0px !important; } table.list td.buttons.testcase a.edit-run-link { padding: 8px 10px 0px 25px !important; background-size: 12px !important; } #create-btn.create-testcase-filter, #close-testcase-filter-modal, #clearButtonFilter { background: #FC641F !important; color: #FFFFFF !important; border: 1px solid #FC641F !important; padding: 10px 16px 26px 17px !important; height: 24px !important; font-size: 13px !important; } .controller-runs.action-show .add-filter { margin-top: -25px; } button#cancel_defect_form { width: 100px; height: 40px; cursor: pointer; background-color: #ced3e6 !important; color: #29435c !important; } #new_testcase_report>a { padding: 11px 22px 12px 22px !important; } .controller-testcase_environment #content>table>tbody>tr>td>a.icon-only.icon-del { padding: 0px 26px 0px 2px; font-size: 0px; } .controller-runs.action-defect #sidebar, .controller-testcases.action-show #sidebar, .controller-test_suites.action-index #sidebar, .controller-runs.action-new #sidebar, .controller-runs.action-show #sidebar, .controller-test_suites.action-releases #sidebar, .controller-testcase_activities.action-index #sidebar, .controller-issue_testcase #sidebar, .controller-testcase_milestones #sidebar, .controller-testcase_todos #sidebar, .controller-testcase_reports.action-index #sidebar, .controller-testcase_reports.action-new #sidebar, .controller-testcase_reports.action-show #sidebar, .controller-testcase_reports.action-edit #sidebar, .controller-traceability_rtms.action-index #sidebar, .controller-testcase_reports.action-create #sidebar, .controller-testcase_reports.action-update #sidebar, .controller-requirements.action-index #sidebar, .controller-testcase_import.action-step1 #sidebar, .controller-testcase_import.action-step2 #sidebar, .controller-testcase_import.action-step3 #sidebar, .controller-testcase_import.action-step4 #sidebar, .controller-testplans #sidebar, .controller-testcase_environment #sidebar { overflow: visible !important; } .testsuite-sidebar-links a.sidebar_icon { width: 45px !important; } .controller-test_suites .contextual .drdn-content { top: 33px; } #context-menu { z-index: 999 !important; } .controller-testcase_reports table>tbody>tr>td>a.icon-only.icon-del { padding-left: 27px; } .controller-requirements.action-index #main-menu li a.test-suites { background-color: unset !important; background-image: url("/assets/plugin_assets/redmineflux_scarlet/default_icon-7808a7fb.svg") !important; color: #ffffff !important; background-repeat: no-repeat !important; background-position: 5px 3px !important; } .add-page-modal .action-btn .cancel-btn, .add-page-modal .action-btn .next-btn, .delete-modal .action-btn .cancel-btn, .delete-modal .action-btn .delete-btn { line-height: 15px !important; } .menu-dropdown ul li:hover { background-color: #FF5722 !important; color: #fff !important; } .editor-area .secondary-color, .page-head .page-breadcrumb li:not(:last-child) a:hover, .controller-requirements .spaces .active-title, .spaces .spaces-title:hover, .spaces-container:hover .spaces-title, .spaces .space-item:hover .spaces-title, .spaces-names li span:hover span { color: #FF5722 !important; font-weight: 400 !important; } #page-content .contentEditor .ce-toolbar__plus svg path { stroke: #FF5722; } .add-space:hover>path { fill: #FF5722 } .zt-tour-popup-title, .zt-tour-popup-footer button, .take-tour, .testrun-select-cases-modal-btn .create-test-cases-run { background-color: #FF5722 !important; } .zt-tour-popup-footer button:hover, .accordion.modalT .take-tour:hover, .testrun-select-cases-modal-btn .create-test-cases-run:hover { background-color: #ff5722c7 !important; } .tour_modal { background-color: #ff5722e6 !important; } /* .controller-test_suites.action-releases #sidebar_right { width: 300px; } */ #email_templates>table>thead>tr>th, #tab-content-Testcase_Run_Types>table>thead>tr>th, .controller-testcase_reports table.list th { line-height: 50px; } .controller-testcase_import #main-menu li a.test-suites { background-color: #ffffff00 !important; background-image: url("/assets/plugin_assets/redmineflux_scarlet/default_icon-7808a7fb.svg") !important; background-repeat: no-repeat !important; color: #ffffff !important; background-position: 6px 3px !important; } .controller-testcase_import a.button_for_cancel, .edit_testcase_report>a { padding: 10px 22px 11px 22px !important; font-weight: bold !important; background-color: #ced3e6 !important; color: #29435c !important; border-radius: 3px !important; text-decoration: none !important; vertical-align: middle; } .controller-runs span#watchers_inputs { padding: 0px !important; } .controller-testcase_import a.button_for_cancel.btn_for_import, .controller-test_suites .custom-popup-content #confirm-remove, .testrun-select-cases-modal-btn .create-test-cases-run, button.isclosed_run_button { border-color: #FC641F !important; background-color: #FC641F !important; color: #FFFFFF !important; } .controller-testcase_import a.button_for_cancel.btn_for_import:hover, .controller-test_suites .custom-popup-content #confirm-remove:hover, .testrun-select-cases-modal-btn .create-test-cases-run:hover, #close_run_form button.isclosed_run_button:hover, .footer-folder input.isclosed_run_button:hover { border-color: #fc641fcf !important; background-color: #fc641fcf !important; color: #FFFFFF !important; } #edit-add-assignment>svg { display: none; } /* pagination */ span.pagination { text-align: center; } span.pagination span.items { float: right; } span.pagination span.per-page { float: left; } .pagination ul.pages li.current { color: white; background: #FF5722 !important; border-color: #FF5722; border-radius: 3px; padding: 2px 3px 2px 3px !important; } #content>span>ul>li:nth-child(n)>a, #content>span>ul>li:nth-child(n)>a:hover { background: #ffffff !important; padding: 8px 12px 8px 12px !important; border-radius: 3px; } .pagination ul.pages li:first-child, .pagination ul.pages li:last-child, #content>span.pagination ul.pages li.next.page a, #content>span.pagination ul.pages li.previous.page>a { background: none !important; border: none; box-shadow: none; font-size: 0px; border-radius: 3px; } #content>span>ul>li.previous.page>a::before { content: url("/assets/plugin_assets/redmineflux_scarlet/arrow_left-49e4d0f5.png") !important; position: absolute; margin-left: 8px; margin-top: -8px; } #content>span>ul>li.next.page>a::before { content: url("/assets/plugin_assets/redmineflux_scarlet/arrow_right-e6b20439.png") !important; position: absolute; margin-left: -18px; margin-top: -8px; } .pagination ul.pages li.previous span::before, .pagination ul.pages li.previous a::before { content: url("/assets/plugin_assets/redmineflux_scarlet/arrow_left-49e4d0f5.png") !important; position: absolute; margin-left: -13px; margin-top: -9px; } .pagination ul.pages li.next span::before, .pagination ul.pages li.next a::before { content: url("/assets/plugin_assets/redmineflux_scarlet/arrow_right-e6b20439.png") !important; position: absolute; margin-top: -8px; margin-left: 2px; } .pagination ul.pages li { border: none !important; } #content>span>ul>li:nth-child(n)>a { margin-left: 10px; margin-right: 10px; } .pagination ul.pages li { background: none !important; border: none; } .controller-gantts.action-show #content>span>ul>li.previous.page>a { background: #ced3e6 !important; display: block; font-size: 12px; color: black !important; height: 14px; line-height: normal; margin-left: 0px; } .controller-gantts.action-show #content>span>ul>li.next.page>a { background: #ced3e6 !important; display: block; font-size: 12px; color: black !important; line-height: normal; } .controller-gantts.action-show span.pagination, .controller-calendars.action-show span.pagination { text-align: unset; padding-top: 0px !important; } .controller-gantts.action-show #content>span>ul>li.previous.page>a::before, .controller-gantts.action-show #content>span>ul>li.next.page>a::before, .controller-calendars.action-show li.previous.page>a::before, .controller-calendars.action-show li.next.page>a::before { display: none; } .controller-gantts.action-show li.next.page { float: right; border-radius: 3px; } .controller-calendars.action-show li>a { font-size: 12px; } /* Dashboard Plugin */ .controller-dashboard #content { background: rgb(246 246 250) !important; } .controller-dashboard #toggle_icon::before { display: none; } .controller-dashboard #main #sidebar.collapsed { width: 15px !important; display: block !important; } .controller-dashboard #main #sidebar { width: 250px !important; display: block !important; } .controller-dashboard #main .contextual { margin-top: 0px !important; } .contextual>a.icon.icon-add.new { background-image: url("/assets/plugin_assets/redmineflux_scarlet/plus_ico-05e3a0cd.svg") !important; background-repeat: no-repeat !important; } .controller-dashboard #main #content>h2 { margin: 0px 0px 15px -7px !important; } .controller-dashboard.action-project_dashboard #sidebar a.selected, .controller-dashboard.action-project_dashboard #sidebar ul li a:hover { color: rgb(252 100 31) !important; background-color: transparent !important; } .controller-dashboard.action-project_dashboard #sidebar ul li a { display: inline !important; } .controller-dashboard.action-project_dashboard #main #sidebar ul li a:not(.show-on-hover) { opacity: 1 !important; padding-left: 20px; background-repeat: no-repeat !important; background-color: transparent !important; } .controller-dashboard.action-project_dashboard a#back-button-default-dashboard:hover, .controller-dashboard #sidebar>ul>li>a:hover { color: rgb(252 100 31) !important; } @media (min-width: 1000px) and (max-width: 1400px) { .controller-dashboard #main #sidebar { width: 200px !important; display: block !important; } div#main.collapsiblesidebar:not(.collapsedsidebar) { margin-left: 220px !important; } .controller-dashboard #main .contextual { margin-top: 0px !important; } } /* ----- New develop -------------- */ .controller-analytics_dashboard div#main { padding: 70px 32px 0px 32px !important; } /* tag plugin */ a.rf-icon-link.icon.rf-icon-sprite>svg>use { display: block; } a.rf-icon-link.icon.rf-icon-sprite>svg { margin-right: 4px !important; } .tag_label>span { line-height: 0px !important; } .for_tag { margin-top: -20px !important; } fieldset.box.tag_box { box-shadow: none !important; border: none !important; } /* knowledge base plugin */ .controller-new_pages div#main { padding: 100px 32px 0px 0px !important; } button#menu-btn { background: transparent !important; border: none !important; margin-top: 5px !important; } /* ----- New develop plugin----- */ a.plus_icon.add_knowledgebase_template { background-color: #fc641f !important; font-size: 14px !important; border-radius: 3px !important; padding: 12px 15px 11px 35px; color: #ffffff !important; text-decoration: none; background-repeat: no-repeat !important; background-size: 12px !important; background-position: 15px 16px !important; background-image: url("/assets/plugin_assets/redmineflux_scarlet/plus_ico-05e3a0cd.svg") !important; } .edit_rf_knowledgebase_template>p>a.cancel_button { padding: 12px 25px !important; font-weight: bold !important; background-color: #ced3e6 !important; color: #29435c !important; border-radius: 3px !important; text-decoration: none !important; vertical-align: middle; font-size: 12px; } .edit_rf_knowledgebase_template>p>a.cancel_button:hover { background-color: #ced3e6a8 !important; } .controller-rf_knowledgebase_pages #content { border-left: none !important; } /* notification plugin */ #top-menu>ul>li.notificationsLinkParent #notificationsLink { background-image: url("/assets/plugin_assets/redmineflux_scarlet/bell-notification-scarlet-705c28c6.svg") !important; background-repeat: no-repeat !important; } #top-menu>ul>li.notificationsLinkParent #notificationsContainer #notificationsBody .no-notifications-container .no-notifications { background-image: url("/assets/plugin_assets/redmineflux_scarlet/no-notification-data-scarlet-427979d1.svg") !important; height: 150px !important; width: 150px !important; background-repeat: no-repeat !important; } .controller-app_notifications.action-index #content>.main-notification-container .no-notifications-container>.no-notifications { background-image: url("/assets/plugin_assets/redmineflux_scarlet/no-notification-data-scarlet-427979d1.svg") !important; height: 230px !important; width: 230px !important; background-repeat: no-repeat !important; } #top-menu>ul>li.notificationsLinkParent #notificationsContainer #notificationsFooter a:hover { color: #FC641F !important; } #top-menu>ul>li.notificationsLinkParent #notificationsContainer #notificationsFooter a { text-transform: capitalize; } #top-menu>ul>li.notification_countParent #notification_count { background-image: url("/assets/plugin_assets/redmineflux_scarlet/unread-notification-dot-ef1025c6.svg") !important; right: 3px !important; background-repeat: no-repeat !important; } #top-menu>ul>li.notificationsLinkParent #notificationsContainer #notificationsBody .notification-container .notification-date { font-style: normal !important; font-size: 10px !important; color: #333 !important; font-weight: bold; } #top-menu>ul>li.notificationsLinkParent #notificationsContainer { margin-left: -260px !important; } #top-menu>ul>li.notificationsLinkParent #notificationsContainer:before { margin-left: 258px !important; } #top-menu>ul>li.notificationsLinkParent #notificationsContainer #notificationsBody .notification-container { background-color: #ffffff !important; } #top-menu>ul>li.notificationsLinkParent #notificationsContainer #notificationsFooter { background-color: unset !important; padding: 10px 0px !important; border-top: 1px solid #e1e1e1; } #top-menu>ul>li.notificationsLinkParent #notificationsContainer #notificationsBody .notification-container.new { background-color: #fff !important; border-bottom: 1px solid #e1e1e1; background-image: url("/assets/plugin_assets/redmineflux_scarlet/unread-notification-dot-ef1025c6.svg"); background-repeat: no-repeat; background-position: calc(100% - 20px) center; background-size: 8px; } #top-menu>ul>li.notificationsLinkParent #notificationsContainer #notificationsBody a { text-transform: capitalize; } #top-menu>ul>li.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; } #top-menu>ul>li.notificationsLinkParent #notificationsContainer #notificationsBody { scrollbar-width: thin; scrollbar-color: #888 #f1f1f1; } .controller-app_notifications.action-index #content>.main-notification-container .notification.new:hover, #top-menu>ul>li.notificationsLinkParent #notificationsContainer #notificationsBody a .notification-container.new:hover, #top-menu>ul>li.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; } /* inplace editor plugin */ .controller-projects.action-index #projects-index .rf-card-name-host a.project { display: inline-block; width: fit-content !important; max-width: calc(100% - 65px) !important; padding-right: 50px !important; } #projects-index ul.projects div.root svg { margin-bottom: 0px !important; stroke: rgb(87 96 106 / 0%); } .rf-card-name-host a.project .rf-card-name-icon:hover { background-color: #fc641f2e !important; border-color: #fc641f !important; } td.name>span>span.rf-edit-icon>svg { display: block !important; } ul.rf-ss__dropdown { text-align: left; } .rf-card-name-host a.project .rf-card-name-icon { right: 25px !important; top: 0px !important; } .rf-edit-icon svg { margin-left: 0px !important; } div.rf-desc-editor-actions>button.rf-btn { padding: 15px 20px !important; } div.rf-desc-editor-actions>button.rf-btn.rf-btn--primary { background-color: #fc641f; color: #fff; border-color: #fc641f; } div.rf-desc-editor-actions>button.rf-btn:hover { opacity: 0.7; } /* ******************************************************** */ .controller-holiday_dates.action-new .contextual { margin: -3px 0 0 0 !important; } a.add-commit-keywords.icon-only.icon-add { background-image: url("/assets/plugin_assets/redmineflux_scarlet/plus_orange-03671a57.svg"); background-size: 12px !important; padding: 4px 20px 4px 0px !important; font-size: 0px; background-repeat: no-repeat !important; } #commit-keywords>tbody>tr>td.buttons>a>svg { display: block; } #commit-keywords>tbody>tr>td.buttons>a>svg>use { display: none; } .controller-projects.action-settings td.name.icon.icon-groupanonymous, .controller-projects.action-settings td.name.icon.icon-groupnonmember, .controller-projects.action-settings td.name.icon.icon-group { padding-left: 30px !important; background-position: 8px 27px; } #tab-content-activities>div>a.icon.icon-del { background-image: url("/assets/plugin_assets/redmineflux_scarlet/reset_icon-8e725836.svg"); background-position: 14px 14px !important; background-repeat: no-repeat !important; } /* version 6 */ #main.nosidebar #sidebar, span.icon.icon-bookmarked-project>svg, span.icon.icon-user.my-project>svg, #projects-index>ul>li>div>svg>use, td.buttons>a>svg>use, #tab-content-versions>form>fieldset>a>svg, #tab-content-boards>div>div>div>div>div.table-list-cell.buttons>a>svg, #tab-content-boards>div>div.sort-level.ui-sortable>div>div>div.table-list-cell.buttons>span>svg>use, .controller-versions #content>div.contextual>span>span>span>svg>use, #context-menu li>a>svg, #content>div.contextual>span>span.drdn-trigger>span>svg, #query_form_with_buttons>p>a>svg, .controller-admin.action-index #admin-index #admin-menu li a svg, #content>form>fieldset>a.icon-reload>svg, #content>table>tbody>tr>td.buttons>span.icon-sort-handle>svg>use { display: none; } #context-menu li a.submenu, #context-menu li a.submenu:not(:has(+ span)) { padding-left: 8px !important; } #context-menu a { padding: 2px 8px !important; } table.list td, #query_form_with_buttons>p.contextual { font-size: 13px; } .controller-files.action-index .autoscroll { margin-top: 16px; } table.list:not(.odd-even) tbody tr:nth-child(even), .even, #issue-changesets div.changeset:nth-child(even) { background-color: #ffffff; } .controller-my.action-account #content>div.contextual { margin-bottom: -2px; } #email_templates>table>tbody>tr>td.email_template_actions>a.icon.icon-edit>svg>use, #email_templates>table>tbody>tr>td.email_template_actions>a.icon.icon-del>svg>use { display: none; } .contextual.add_email_template #create-email-template-link, #create-run-type-link { background-position: 10px 14px !important; padding-left: 27px !important; } .contextual a.icon svg, .contextual a svg use, .controller-admin.action-projects .contextual a.icon.icon-add svg, .contextual a.icon.icon-time-add svg, /* #query_form p .icon.icon-reload svg, */ /* #content > div.contextual > .drdn > .drdn-trigger > span > svg, */ /* .contextual a.icon.icon-zoom-in svg, */ /* .contextual a.icon.icon-zoom-out svg, */ .contextual a.icon.icon-add.add-news-link svg, /* #content > div.contextual > a.icon.icon-edit > svg, */ #tab-content-memberships>p>a.icon.icon-add>svg, /* #content > form > fieldset > a.icon.icon-reload > svg, */ #content>div.contextual>a.icon.icon-add>svg, #tab-content-users>p>a.icon.icon-add svg, #content>p>a.icon.icon-add>svg, /* .user > td.buttons > a.icon-only.icon-actions.js-contextmenu > svg, */ .issues.box>h3>a.icon-only.icon-zoom-in>svg, p>a.icon.icon-add>svg, /* form > fieldset > a.icon.icon-reload > svg, */ h3>a.icon-only.icon-zoom-in>svg, #roadmap>article>form>table.list.related-issues>tbody>tr>td.buttons>a.icon-only.icon-actions.js-contextmenu>svg, /* .autoscroll table.list.issues > tbody > tr.issue > td.buttons > a > svg, */ .mypage-box#block-timelog>h3>a.icon-only.icon-add>svg, /* .time-entry > td.buttons > a.icon-only.icon-actions.js-contextmenu > svg, */ .project>td.name>.icon-only.icon-user.my-project>svg, #content>form>p>label>span.toggle-multiselect.icon-toggle-plus>svg, #content>form>p>label>span.toggle-multiselect.icon-toggle-minus>svg, #query_form_with_buttons>p>a.icon.icon-checked>svg, .filter>div.values>span>span.toggle-multiselect.icon-toggle-minus>svg, .filter>div.values>span>span.toggle-multiselect.icon-toggle-plus>svg, #update .edit_issue fieldset.tabular #all_attributes #attributes>div.splitcontent>div>p>a.icon-add>svg, div.flash.notice svg, #errorExplanation svg, .controller-my.action-password #content div.flash.error svg.icon-svg { display: none; } /* ============================================= Sidebar #admin-menu — Custom Icons ============================================= */ /* Hide native Redmine 6.x SVG icons in sidebar admin menu */ #sidebar #admin-menu ul li a svg { display: none; } /* Base styles for sidebar admin menu links */ #sidebar #admin-menu ul li a { display: flex; align-items: center; gap: 8px; padding: 6px 10px; background-image: none !important; } /* Base ::before icon for all sidebar admin-menu items */ #sidebar #admin-menu ul li a::before { content: ''; display: inline-block; flex-shrink: 0; width: 16px; height: 16px; background-size: contain; background-position: center; background-repeat: no-repeat; opacity: 0.75; } /* Hover state — full opacity */ #sidebar #admin-menu ul li a:hover::before { opacity: 1; } /* Selected/active state — full opacity */ #sidebar #admin-menu ul li a.selected::before { opacity: 1; } /* Individual icon assignments — sidebar admin-menu */ #sidebar #admin-menu a.icon-projects::before { background-image: url("/assets/plugin_assets/redmineflux_scarlet/sidebar-icons/projects-7802b0d5.svg"); background-repeat: no-repeat !important; } #sidebar #admin-menu a.icon-user::before { background-image: url("/assets/plugin_assets/redmineflux_scarlet/sidebar-icons/user-cf81a73c.svg"); background-repeat: no-repeat !important; } #sidebar #admin-menu a.icon-group::before { background-image: url("/assets/plugin_assets/redmineflux_scarlet/sidebar-icons/group-623dfdd7.svg"); background-repeat: no-repeat !important; } #sidebar #admin-menu a.icon-roles::before { background-image: url("/assets/plugin_assets/redmineflux_scarlet/sidebar-icons/roles-48020634.svg"); background-repeat: no-repeat !important; } #sidebar #admin-menu a.icon-issue::before { background-image: url("/assets/plugin_assets/redmineflux_scarlet/sidebar-icons/trackers-40ca438a.svg"); background-repeat: no-repeat !important; } #sidebar #admin-menu a.icon-issue-edit::before { background-image: url("/assets/plugin_assets/redmineflux_scarlet/sidebar-icons/issue-statuses-ac0b77b6.svg"); background-repeat: no-repeat !important; } #sidebar #admin-menu a.icon-workflows::before { background-image: url("/assets/plugin_assets/redmineflux_scarlet/sidebar-icons/workflows-01a1611f.svg"); background-repeat: no-repeat !important; } #sidebar #admin-menu a.icon-custom-fields::before { background-image: url("/assets/plugin_assets/redmineflux_scarlet/sidebar-icons/custom-fields-50e1c113.svg"); background-repeat: no-repeat !important; } #sidebar #admin-menu a.icon-list::before { background-image: url("/assets/plugin_assets/redmineflux_scarlet/sidebar-icons/enumerations-41c04862.svg"); background-repeat: no-repeat !important; } #sidebar #admin-menu a.icon-settings::before { background-image: url("/assets/plugin_assets/redmineflux_scarlet/sidebar-icons/settings-fa63cb22.svg"); background-repeat: no-repeat !important; } #sidebar #admin-menu a.icon-server-authentication::before { background-image: url("/assets/plugin_assets/redmineflux_scarlet/sidebar-icons/ldap-6338e7eb.svg"); background-repeat: no-repeat !important; } #sidebar #admin-menu a.icon-applications::before { background-image: url("/assets/plugin_assets/redmineflux_scarlet/sidebar-icons/applications-icon-f1affe73.svg"); background-repeat: no-repeat !important; } #sidebar #admin-menu a.icon-plugins::before { background-image: url("/assets/plugin_assets/redmineflux_scarlet/sidebar-icons/plugins-5f29e108.svg"); background-repeat: no-repeat !important; } #sidebar #admin-menu a.icon-help::before { background-image: url("/assets/plugin_assets/redmineflux_scarlet/sidebar-icons/help-220206d4.svg"); background-repeat: no-repeat !important; } /* Plugin menu items — sidebar admin-menu */ #sidebar #admin-menu a[class*="helpdesk"]::before { background-image: url("/assets/plugin_assets/redmineflux_scarlet/sidebar-icons/help-220206d4.svg"); background-repeat: no-repeat !important; } #sidebar #admin-menu a[class*="issue-template"]::before, #sidebar #admin-menu a[class*="template"]::before { background-image: url("/assets/plugin_assets/redmineflux_scarlet/issue_template_admin-f9ffd8df.svg"); background-repeat: no-repeat !important; filter: brightness(0); } span.icon-label { margin-left: -1px; font-family: sans-serif !important; } .contextual .drdn-content { top: 30px; } #projects-index a.project~svg, table.projects tr.project td.name svg { display: none; } .icon-lock, .icon-locked { background-image: url("/assets/plugin_assets/redmineflux_scarlet/archive-57cd6031.svg"); background-size: 18px; background-repeat: no-repeat; } .icon-checked, .icon-ok { background-image: url("/assets/plugin_assets/redmineflux_scarlet/checked-f17f75b2.svg"); background-size: 18px; background-repeat: no-repeat; } .icon-checked>svg>use, .icon-ok>svg>use { display: none; } .icon-close, .icon-close:hover { background-image: url("/assets/plugin_assets/redmineflux_scarlet/cross-03c12ebc.svg"); background-size: 16px; background-repeat: no-repeat; } .icon-warning { background-image: url("/assets/plugin_assets/redmineflux_scarlet/warning-759cb423.svg"); background-size: 18px; background-repeat: no-repeat; } .icon-warning svg.icon-svg { margin-left: 7px; } .icon-package { background-image: url("/assets/plugin_assets/redmineflux_scarlet/icon-package-87bee7f9.svg"); background-size: 18px; padding-left: 20px !important; background-repeat: no-repeat; } .icon-issue { background-image: url("/assets/plugin_assets/redmineflux_scarlet/ticket-c300a7f6.svg"); background-size: 15px; background-repeat: no-repeat; } .icon-error { background-image: url("/assets/plugin_assets/redmineflux_scarlet/exclamation-45e64d8c.svg"); background-size: contain; background-repeat: no-repeat; } .icon-group, .icon-groupnonmember, .icon-groupanonymous { background-image: url("./group-admin.svg"); background-size: 18px; padding-left: 24px !important; background-repeat: no-repeat; } .mypage-box>div>a.icon-only.icon-settings { background-image: url("/assets/plugin_assets/redmineflux_scarlet/settings-a9cf9b7a.svg") !important; background-size: 15px; background-repeat: no-repeat; background-position: 0px 0px; } input.autocomplete { background: #fff url("/assets/plugin_assets/redmineflux_scarlet/search_ico-455d9033.svg") no-repeat 2px 50%; background-size: 18px; background-repeat: no-repeat; } button.tab-left { background-image: url("/assets/plugin_assets/redmineflux_scarlet/tab-left-25fbea4a.svg") !important; background-size: 18px !important; background-repeat: no-repeat !important; margin-right: -5px; } button.tab-right { background-image: url("/assets/plugin_assets/redmineflux_scarlet/tab-right-6683641e.svg") !important; background-size: 18px !important; background-repeat: no-repeat !important; } .icon-actions, span.icon-only.icon-actions { background-image: url("/assets/plugin_assets/redmineflux_scarlet/actions-4f766037.svg"); background-size: 18px; background-repeat: no-repeat; } #admin-menu>ul>li>a.icon.icon-group.groups { padding: 6px 10px !important; } /* table.list td.buttons span.icon-only.icon-sort-handle { background-image: url("/assets/plugin_assets/redmineflux_scarlet/reorder-7dd10397.svg"); background-size: 18px !important; background-position: 50% 78% !important; height: 35px; background-repeat: no-repeat; } */ table.list td.buttons span.icon-only.icon-sort-handle>svg { display: none !important; } table.list td.buttons span.icon-only.icon-sort-handle::before { content: url("/assets/plugin_assets/redmineflux_scarlet/reorder-7dd10397.svg") !important; height: 10px; margin-right: -20px; } #tab-content-boards>div>div>div>div>div.table-list-cell.buttons>span.icon-sort-handle { vertical-align: bottom; } .icon-expanded:not(:has(svg)), select { background-image: url("/assets/plugin_assets/redmineflux_scarlet/arrow-down-8af7887f.svg") !important; background-size: 16px !important; background-repeat: no-repeat !important; background-position: calc(100% - 2px) 50%; } select { background-position: calc(100% - 2px) 50% !important; } .icon-collapsed:not(:has(svg)) { background-image: url("/assets/plugin_assets/redmineflux_scarlet/arrow-right-62e2f387.svg") !important; background-size: 16px !important; background-repeat: no-repeat !important; } .icon-not-ok { background-image: url("/assets/plugin_assets/redmineflux_scarlet/cross-red-bold-65ed971e.svg"); background-size: 18px !important; background-repeat: no-repeat; } /* ===== SCARLET TAB NAVIGATION - Segmented Control Style ===== */ /* :not(.jstTabs) excludes the markdown editor Edit/Preview tabs */ /* Gray pill track container */ #content .tabs:not(.jstTabs) { height: 44px; margin-top: 16px; margin-bottom: 20px; border-radius: 10px; } /* UL fills full container height, flex-centered tabs */ #content .tabs:not(.jstTabs) ul { top: 0; border: none; border-bottom: none; padding: 4px; display: flex; align-items: center; } #content .tabs:not(.jstTabs) ul li { margin-bottom: 0; margin-right: 5px; padding: 0; } /* Base tab - invisible on gray track */ #content .tabs:not(.jstTabs) ul li a { display: block; padding: 5px 16px; font-size: 14px !important; font-weight: 500; color: #29435c; text-decoration: none; background: transparent !important; border: none; border-radius: 7px; white-space: nowrap; line-height: 1.4; transition: color 0.18s ease, background-color 0.2s ease, box-shadow 0.2s ease; } /* Hover - soft orange tint */ #content .tabs:not(.jstTabs) ul li a:hover { color: #FC641F; background: rgba(252, 100, 31, 0.1) !important; text-decoration: none; } /* Keyboard focus */ #content .tabs:not(.jstTabs) ul li a:focus-visible { outline: 2px solid rgba(252, 100, 31, 0.45); outline-offset: 1px; color: #FC641F; } /* Active - solid orange pill floating on gray track */ #content .tabs:not(.jstTabs) ul li a.selected { color: #ffffff !important; font-weight: bold !important; background: #FC641F !important; border: none; border-radius: 7px; box-shadow: 0 2px 8px rgba(252, 100, 31, 0.4), 0 1px 3px rgba(252, 100, 31, 0.25); } /* Active hover - slightly deeper orange */ #content .tabs:not(.jstTabs) ul li a.selected:hover { background: #e85a17 !important; box-shadow: 0 3px 10px rgba(252, 100, 31, 0.45), 0 1px 4px rgba(252, 100, 31, 0.3) !important; } /* Overflow buttons - blends into gray track */ #content div.tabs-buttons { height: 44px; background: linear-gradient(to right, rgba(241, 245, 249, 0), #f1f5f9 45%); border: none; border-radius: 0 10px 10px 0; } #content div.tabs-buttons button.tab-left, #content div.tabs-buttons button.tab-right { height: 43px; width: 28px; background-color: transparent; background-repeat: no-repeat; background-size: 14px; background-position: center; border: none; opacity: 0.55; cursor: pointer; transition: opacity 0.15s ease; } #content div.tabs-buttons button.tab-left:hover, #content div.tabs-buttons button.tab-right:hover { opacity: 1; } #top-menu>ul>li.top-menu-logo img { content: url("/assets/plugin_assets/redmineflux_scarlet/Flux_Theme_Logo_white-a83ddc63.svg"); background-repeat: no-repeat !important; } #home-welcome-header>div.home-icon>img { content: url("/assets/plugin_assets/redmineflux_scarlet/home-ebd8f16d.svg"); background-repeat: no-repeat !important; } /* subtask and Relations delete (unlink) button */ table tbody tr td.buttons a.icon-only.icon-link-break { background-image: url("/assets/plugin_assets/redmineflux_scarlet/unlink-icon-f49dc1ec.svg") !important; background-repeat: no-repeat; background-position: center; background-size: 18px; font-size: 0; } table tbody tr td.buttons a.icon-only.icon-link-break svg use, .icon-error svg.icon-svg use, a.add-commit-keywords.icon-only.icon-add svg use, .icon-lock svg use, .icon-locked svg use, .icon-checked svg use, .icon-ok svg use, .icon-sort-handle svg use, .icon-close svg use, .icon-warning svg use, .icon-package svg use, .icon-issue svg use, .icon-error svg use, .icon-group svg use, .icon-groupnonmember svg use, .icon-groupanonymous svg use, .mypage-box>div>a.icon-only.icon-settings svg use, a.icon.icon-copy>svg, td.buttons>a.icon.icon-del>svg { display: none } /* Time tracker web plugin */ .classic-actions-column { justify-content: start !important; } .controller-issues.action-show #content>div.contextual>a.issue-start-timer-btn { padding: 11px 16px !important; background: #4caf50 !important; color: white !important; } .controller-issues.action-show #content>div.contextual>a.issue-start-timer-btn.timer-running { background: #f44336 !important; animation: pulse-glow 2s ease-in-out infinite; color: white !important; } ul#redmineflux-time-tracker-sidebar { margin-top: 80px !important; } #redmineflux-time-tracker-sidebar>li>a>svg { width: 20px !important; height: 20px !important; } #redmineflux-time-tracker-sidebar>li>a { width: 40px !important; height: 20px !important; border-radius: 8px; } /* Invoice plugin */ .controller-global_invoices.action-report #content>div>div>form>input.icon.icon-add, .controller-invoices.action-report #content>div>div>form>input.icon.icon-add { background-position: 14px 14px; background-image: url("/assets/plugin_assets/redmineflux_scarlet/plus_ico-05e3a0cd.svg") !important; background-repeat: no-repeat !important; padding: 12px 20px 20px 31px !important; } #sidebar #admin-menu ul li a.icon.icon-invoice.invoice-settings { background-image: url("/assets/plugin_assets/redmineflux_invoice/invoice-icon-093b18eb.svg") !important; background-position: 10px 10px !important; background-repeat: no-repeat !important; background-size: 17px; } #tab-content-Invoice_templates>div.contextual>a.icon.icon-add, #tab-content-email_templates>div.contextual>a.icon.icon-add { margin-top: -14px; background-color: #fc641f !important; font-size: 14px !important; border-radius: 3px !important; padding: 12px 15px 11px 35px; color: #ffffff !important; text-decoration: none; background-repeat: no-repeat !important; background-position: 17px 13px !important; } .controller-customers.action-edit #content>div.contextual>a.icon.icon-back { padding: 8px 10px; margin-top: -10px; } .controller-global_invoices.action-index #content>div.contextual>a.icon.icon-add, .controller-invoices.action-index #content>div.contextual>a.icon.icon-add { margin-top: -15px; } .controller-global_invoices #main.collapsedsidebar #sidebar, .controller-invoices #main.collapsedsidebar #sidebar { width: 60px !important; } .controller-global_invoices.action-show #content>div.contextual>a, .controller-invoices.action-show #content>div.contextual>a { padding: 9px 16px 8px 16px; background-image: none !important; } /* Workload plugin */ a.modal-skill, a.modal-link, a#reset_memb, div#add-scheme-members button.addW, a#new-holiday { background-image: url("/assets/plugin_assets/redmineflux_scarlet/plus_ico-05e3a0cd.svg") !important; background-size: 12px !important; background-position: 14px !important; background-color: #fc641f !important; font-size: 14px !important; border-radius: 3px !important; padding: 12px 15px 11px 15px; color: #ffffff !important; text-decoration: none; background-repeat: no-repeat !important; } td.buttons.wk_t>a>svg>use { display: block; } table.list td.buttons.wk_t a { padding: 0px !important; } button.addW>svg>use { display: none; } #create_holiday { border-color: #FC641F !important; background-color: #FC641F !important; } a#new-holiday { margin-bottom: 11px; } .controller-news .box.tabular.filedroplistner { margin-top: 35px !important; } #query_form_with_buttons>p.contextual>span:nth-child(1)>a.icon.icon-zoom-in>svg, #query_form_with_buttons>p.contextual>span:nth-child(1)>a.icon.icon-zoom-in>svg>use, #query_form_with_buttons>p.contextual>span:nth-child(1)>a.icon.icon-zoom-out>svg, #query_form_with_buttons>p.contextual>span:nth-child(1)>a.icon.icon-zoom-out>svg>use { display: block !important; } .controller-gantts.action-show #content>p.warning { margin-top: 65px; } .controller-wiki #sidebar-wrapper>div.contextual>a { background-image: none; } .checklist_option_dropdown a.rf-icon-link.icon, .dropdown_subchecklist a.rf-icon-link.icon { padding-left: 10px !important; } #content>div.contextual>span>span.drdn-trigger>span.icon-actions>svg>use { display: none; } #content>div.contextual>span>span.drdn-trigger>span.icon-actions>svg { display: block; height: 17px; } table.files tr.file td.digest { font-size: 12px !important; } .controller-files #content>div>table.files>tbody>tr.file>td.buttons>a>svg { margin-right: -21px; } #tab-content-versions>table>tbody>tr>td.buttons>a.icon.icon-edit>svg, td.buttons>a>svg { margin-right: -13px; } #tab-content-repositories>div>table>tbody>tr>td.buttons>a.icon.icon-user>svg { margin-right: 3px !important; } #tab-content-repositories>div>table>tbody>tr>td.buttons>a.icon.icon-user>svg>use { display: block; } #tab-content-boards>div>div>div>div>div.table-list-cell.name>a, #tab-content-boards>div>div>div>div>div.table-list-cell, #tab-content-boards .table-list-header { font-size: 14px; } .block-receiver { border: none !important; } #tab-content-projects>form>fieldset>p>label.inline { vertical-align: middle; } .controller-issues.action-show #content .contextual a.icon-only.icon-del { background-position: 0px 0px !important; } .controller-queries #filters>legend.icon-collapsed { background-image: none !important; } .controller-queries div#filters-table { display: block !important; } /* First page load: show right arrow (rotated -90deg) on collapsed filter legend SVG */ #filters>legend.icon.icon-collapsed.scarlet-first-load>svg { transform: rotate(-90deg); } .controller-settings.action-plugin #sidebar, .controller-issues.action-show #sidebar { z-index: 9 !important; } .gantt_subjects div>span.expander { padding-left: 18px !important; } .rf-gantt-export-menu__item { padding: 8px 2px !important; } a.rf-icon-link.icon.rf-icon-sprite.icon-del-issue, a.rf-icon-link.icon.rf-icon-sprite.icon-del-time, a.rf-icon-link.icon.rf-icon-sprite.icon-del-project { margin-left: -20px; } #description_textarea>div>div.jstTabs.tabs>ul>li>a { border: 1px solid #d0d7de; border-bottom: 1px solid #d0d7de; } #description_textarea>div>div.jstTabs.tabs>ul>li { padding: 0px; } .activity-btn-secondary:hover { background-color: rgb(92, 99, 106) !important; } .controller-boards.action-index #content>div.contextual>a.icon { margin-top: -40px; } #content>div.message>div.attachments>div>a { background-position: 0px 50% !important; background-size: 13px !important; } #content>div.message>div.attachments>table>tbody>tr>td>a.icon-only.icon-download>svg>use, .attachments_fields>span>a>svg>use { display: none; } .attachments_fields>span>a.icon-only.icon-del.remove-upload { background-position: 0px 0px !important; } #content>div.message>div.attachments>table>tbody>tr>td>a.delete.icon-only.icon-del { margin-left: -14px; } .time-entry>td.buttons>a.icon-only.icon-del { margin-left: 15px; } #tab-content-issues>form>fieldset>p>label>input[type=checkbox] { vertical-align: text-bottom; } tr span.expander, .gantt_subjects div>span.expander { background-position: -2px 50% !important; } table.permissions td.role { font-size: 13px !important; } #list-definition>div>div>label, #tab-content-issues>form>fieldset>p>label, #list-definition>tbody>tr>td>label { margin-right: 10px; } /* #context-menu li.folder>ul { left: 150px !important; } */ .controller-admin.action-projects #content>form>fieldset>a.icon.icon-reload { padding: 10px 18px 12px 28px; background-position: 7px 11px; border-radius: 2px !important; } /* Testcase sidebar toggle button position override */ .testsuite-tree[collapse="true"] button#toggle-btn-tc { left: 265px !important; } .testsuite-tree button#toggle-btn-tc { left: 66px !important; } #testsuite-tree.testsuite-tree[collapse="false"] { margin-left: -186px !important; } .testsuite-tree[collapse="false"] button#toggle-btn-tc { left: 75px !important; } #testsuite-tree { margin-left: -195px !important; } #testsuite-tree.testsuite-tree[collapse="true"] { margin-left: 0px !important; } #new_document>div.box.tabular.filedroplistner { margin-top: 25px; } #testsuite-tree { width: 800px !important; } div#resize-handle { display: none !important; } /* new plugins */ .controller-rf_boards.action-global #content.content_width, .controller-rf_boards.action-index #content.content_width, .controller-rf_board_configs #content.content_width, .controller-rf_boards.action-backlog #content.content_width { padding: 70px 32px 20px 32px !important; } .controller-rf_board_configs #content { padding: 12px 0px 0px 0px !important; } .controller-rf_boards.action-global .jira-page-header, .controller-rf_boards.action-index .jira-page-header, .controller-rf_boards.action-backlog .jira-page-header { background: none !important; border-bottom: none !important; padding: 13px 5px 13px !important; } .rf-options-actions .rf-btn-primary { background: #FC641F !important; } .rf-options-actions .rf-btn-primary:hover { background: #fc641fc7 !important; } .rf-filter-content .add-filter { width: 35% !important; } .rf-filter-actions .rf-btn-primary { margin-right: 0px !important; } .jira-board-title { font-weight: bold !important; } .jira-board-page .rf-board-totals-bar { background: none !important; } .jira-control-bar { border: 2px solid var(--jira-n30, #EBECF0) !important; margin-bottom: 5px !important; } .jira-agile-board-wrapper { background: var(--jira-n0, #FFFFFF) !important; } .backlog-board { background: var(--jira-n0, #FFFFFF) !important; } /* project page */ .controller-rf_boards.action-index .jira-action-btn, .controller-rf_boards.action-backlog .jira-action-btn { background: #FC641F !important; } .controller-rf_boards.action-index .jira-action-btn:hover, .controller-rf_boards.action-backlog .jira-action-btn:hover { background: #fc641fc7 !important; } /* #filters > legend:nth-child(1) { display: none !important; } */ .controller-rf_boards.action-backlog .backlog-tab.active { color: #FC641F !important; border-bottom-color: #FC641F !important; } .rf-sprint-cancel-btn { height: 40px !important; border-radius: 3px !important; } .controller-sprint_crafts div#content { padding: 0px 32px 20px 32px !important; } .sprint-delete-btn { background: url("/assets/plugin_assets/redmineflux_scarlet/delete_ico-ffae530f.svg") !important; background-repeat: no-repeat !important; } .controller-projects.action-settings .icon.icon-add { padding: 12px 13px 12px 32px !important; } .rf-options-actions .rf-btn, .rf-filter-actions .rf-btn-secondary { border-radius: 3px !important; } .jira-board-page .redmine-board-column-item label, .redmine-board-column-item label { color: #111827 !important; font-weight: 500 !important; font-family: sans-serif !important; } .jira-board-page .redmine-checkbox-inline, .jira-board-page .redmine-checkbox-item, .redmine-checkbox-item { color: #111827 !important; font-weight: 500 !important; font-size: 12px !important; font-family: sans-serif !important; } .rf-filter-content label, .controller-rf_board_configs .box .tabular label, .controller-rf_board_configs tr.filter>td.field>label { color: #111827 !important; font-weight: 500 !important; font-size: 13px !important; font-family: sans-serif !important; } .controller-rf_board_configs a.rf-btn.rf-btn-secondary { padding: 0 13px !important; } .jira-clear-filters:hover { border: 1px solid #FC641F !important; background: none !important; color: #FC641F !important; } .jira-clear-filters { border: 1px solid #333 !important; } .jira-input { width: 100% !important; } .jira-btn-primary { background: #FC641F !important; border: 1px solid #FC641F !important; } .jira-btn-primary:hover { background: #fc641fc7 !important; } #jira-edit-modal>div>div.jira-edit-modal-footer>button.jira-btn.jira-btn-secondary, #edit-card-cancel-btn { border: 1px solid #ccc !important; } .controller-rf_board_configs .rf-options-actions { background: none !important; } /* custom dashboard styles */ .controller-analytics_dashboard .dashboard-filters { border-left: 4px solid #fc641f !important; } .controller-analytics_dashboard .btn-primary { background-color: #fc641f !important; border: none !important; padding: 6px 25px; } .controller-analytics_dashboard .btn-primary:hover { background-color: #fc641fc7 !important; } .controller-analytics_dashboard .btn-add-chart { background-color: #fc641f !important; border: none !important; padding: 19px 16px; } .controller-analytics_dashboard .btn-add-chart:hover { background-color: #fc641fc7 !important; } .controller-analytics_dashboard .share-button:hover { background-color: #fc641fc7 !important; border: none !important; } .controller-analytics_dashboard .btn-icon:hover { background-color: #fc641fc7 !important; border: none !important; } .controller-analytics_dashboard #addChartModal>div>div.analytics-modal-body>div>h4 { color: #fc641f !important; } .controller-analytics_dashboard #addChartModal>div>div.analytics-modal-body>div:nth-child(1) { border-left: 4px solid #fc641f !important; } .controller-analytics_dashboard .query-tab.active { color: #fc641f !important; border-bottom-color: #fc641f !important; } .controller-analytics_dashboard .query-tab:hover { color: #fc641f !important; } .controller-analytics_dashboard #addChartModal>div>div.analytics-modal-body>div:nth-child(1) { background: #f3e9e4 !important; } /* .controller-analytics_dashboard .analytics-modal-select[size] option:checked, .controller-analytics_dashboard .analytics-modal-select[size] option:focus { background-color: #fc641f !important; background-position: 98% 14px !important; } */ /* .controller-analytics_dashboard .analytics-modal-select[size] option:hover { background-color: #f3e9e4 !important; } */ /* .controller-analytics_dashboard .tab-content select option:checked, .controller-analytics_dashboard .tab-content select option:focus { background-color: #fc641f !important; } */ .controller-analytics_dashboard .analytics-modal-close:hover { background-color: #f1f3f4; } .controller-analytics_dashboard .analytics-modal-close:hover { background-color: #f3e9e4; } .controller-analytics_dashboard .tab-content input[type="text"]:focus, .controller-analytics_dashboard input[type="text"]:focus { border-color: #fc641f !important; } .controller-analytics_dashboard .chart-control-btn:hover { background-color: white !important; border-color: #fc641f !important; color: #fc641fc7 !important; } .controller-analytics_dashboard .analytics-modal-select[size] option:checked, .analytics-modal-select[size] option:focus { background-position: 97% 14px !important; } .jira-btn-primary, .rf-filter-actions .rf-btn-secondary, .rf-options-actions .rf-btn-primary, .controller-rf_boards .jira-action-btn, #rf-gantt-add-release.rf-gantt-btn--primary, .rf-gantt-header-add-btn, .rf-gantt-left__add-issue-inline, .rf-gantt-modal__submit.rf-gantt-btn--primary, .rf-gantt-today-line, .rf-gantt-today-line::before, .btn-primary, .btn-add-chart { background: #FC641F !important; color: #FFFFFF !important; } .jira-btn-primary:hover, .rf-filter-actions .rf-btn-secondary:hover, .rf-options-actions .rf-btn-primary:hover, .controller-rf_boards .jira-action-btn:hover, #rf-gantt-add-release.rf-gantt-btn--primary:hover, .rf-gantt-header-add-btn:hover, .rf-gantt-left__add-issue-inline:hover, .rf-gantt-modal__submit.rf-gantt-btn--primary:hover, .btn-primary:hover, .btn-add-chart:hover { background: #fc641fc7 !important; color: #FFFFFF !important; } #rf-gantt-add-release.rf-gantt-btn--primary, .rf-gantt-header-add-btn, .rf-gantt-left__add-issue-inline { border-color: #FC641F !important; } .controller-issues .query-totals { margin-top: 2em; } .controller-redmineflux_gantt.action-index #main.collapsedsidebar, .controller-project_gantt.action-index #main.collapsedsidebar, .controller-global_gantt.action-index #main.collapsedsidebar { padding: 70px 32px 0px 32px !important; } .rf-gantt-modal__submit.rf-gantt-btn--primary { border-color: #FC641F !important; } .jira-board-page #filters-table { display: block !important; } .rf-filter-actions .rf-btn-secondary { border-radius: 6px !important; } input.my-page-agile-btn.my-page-agile-btn-primary { line-height: 1px; } /* timesheet */ .controller-timesheets .ts-ub-apply-btn, .controller-timesheets .ts-modal-log-btn, .controller-timesheets .ts-topbar-submit, .controller-timesheets .ts-topbar-submit, .apd-header-btn--primary, .adm-hbtn--primary, .action-btn-primary, .alg-header-btn--primary, .ts-today-flag, .button-add-level, .asts-header-btn--primary, .btn-start-stop, button#calendar_add_entry, .calendar-btn-primary, button#applyFilters, .chart-settings-apply-btn, .view-toggle-btn.active, .activity-btn-primary, .btn-export, .add-tag-btn, .tag-modal-save, button#findTeamMembers, button.settings-btn.settings-btn-primary, .empty-state-action, button.btn-header.btn-edit, .btn-send-email, button.btn-issue.btn-add.btn-add-issue, button#sidebarToggle, .view-btn.active, .rf-gantt-empty__cta, .pst-create-link, button.tag_button, .testrun-modal-btn .update-run, .controller-rf_skills div#main #content .btn-primary, .controller-rf_teams div#main #content .btn-primary, .controller-rf_workloads div#main #content .btn-primary, .controller-rf_settings div#main #content .btn-primary, .controller-rf_leaves div#main #content .btn-primary, .controller-rf_skills div#main #content [class*="btn-primary"], .controller-rf_teams div#main #content [class*="btn-primary"], .controller-rf_workloads div#main #content [class*="btn-primary"], .controller-rf_settings div#main #content [class*="btn-primary"], .controller-rf_leaves div#main #content [class*="btn-primary"], .controller-rf_skills div#main #content .settings-btn-primary, .controller-rf_settings div#main #content .settings-btn-primary, .controller-rf_workloads div#main #content .wid-btn-primary, .btn-week-today, .btn-primary { border-color: #FC641F !important; color: #FFFFFF !important; background-color: #FC641F !important; } .controller-timesheets .ts-ub-apply-btn:hover, .controller-timesheets .ts-modal-log-btn:hover, .controller-timesheets .ts-topbar-submit:hover, .controller-timesheets .ts-topbar-submit:hover, .apd-header-btn--primary:hover, .adm-hbtn--primary:hover, .action-btn-primary:hover, .button-add-level:hover, .asts-header-btn--primary:hover, .btn-start-stop:hover, button#calendar_add_entry:hover, .calendar-btn-primary:hover, button#applyFilters:hover, .chart-settings-apply-btn:hover, .view-toggle-btn.active:hover, .activity-btn-primary:hover, .btn-export:hover, .add-tag-btn:hover, .tag-modal-save:hover, button#findTeamMembers:hover, button.settings-btn.settings-btn-primary:hover, .empty-state-action:hover, button.btn-header.btn-edit:hover, .btn-send-email:hover, button.btn-issue.btn-add.btn-add-issue:hover, button#sidebarToggle:hover, .view-btn.active:hover, button#openFiltersModal.btn-filter-icon:hover, .rf-gantt-empty__cta:hover, .pst-create-link:hover, button.tag_button:hover, .testrun-modal-btn .update-run:hover, .controller-rf_skills div#main #content .btn-primary:hover, .controller-rf_teams div#main #content .btn-primary:hover, .controller-rf_workloads div#main #content .btn-primary:hover, .controller-rf_settings div#main #content .btn-primary:hover, .controller-rf_leaves div#main #content .btn-primary:hover, .controller-rf_skills div#main #content [class*="btn-primary"]:hover, .controller-rf_teams div#main #content [class*="btn-primary"]:hover, .controller-rf_workloads div#main #content [class*="btn-primary"]:hover, .controller-rf_settings div#main #content [class*="btn-primary"]:hover, .controller-rf_leaves div#main #content [class*="btn-primary"]:hover, .controller-rf_skills div#main #content .settings-btn-primary:hover, .controller-rf_settings div#main #content .settings-btn-primary:hover, .controller-rf_workloads div#main #content .wid-btn-primary:hover, .btn-week-today:hover, .btn-primary:hover { background: #fc641fc7 !important; border-color: #fc641fc7 !important; color: #FFFFFF !important; } #content>div.apd-section>div.apd-table-wrap>div>span>span>span { float: none; } .btn-send-email:hover:not(:disabled) { background: #f86d2e; } @media (min-width: 899px) and (max-width: 1500px) { #top-menu>ul>li.notificationsLinkParent, #top-menu>ul>li.notification_countParent { right: 0px !important; margin-top: -6px !important; } } .controller-my.action-account .splitcontent { margin-top: 10px; } .skill-link { color: #111827 !important; } .creator-link { color: #fc641f !important; } div#my-page.splitcontent { display: block !important; } .controller-projects.action-index .testInput { height: 25px !important; } #main-menu>div.tabs-buttons>button { background-color: transparent; border: none; background-size: 24px !important; } button#toggle-publish-btn { margin-top: 8px; } #roadmap>div.version-overview>table>tbody>tr>td, #status_by_form>fieldset>table>tbody>tr>td>table>tbody>tr>td { height: 5px !important; border-radius: 5px; } a#new_environment_btn { background-position: 16px 16px !important; } .controller-projects.action-settings #tab-content-approved_hours_settings .contextual #button-approved-hours { padding: 12px 10px 26px 30px; background-color: #fc641f !important; color: white !important; font-weight: 500 !important; background-image: url("/assets/plugin_assets/redmineflux_scarlet/plus_ico-05e3a0cd.svg") !important; background-repeat: no-repeat !important; background-position: 13px 13px !important; } .controller-projects.action-settings #tab-content-approved_hours_settings .contextual #button-approved-hours:hover { background-color: #fc641fc7 !important; } #modal-approve-hours>div>img.cross_close_team { display: none; } #modal-approve-hours>div>img.cross_close_team::before { content: url("/assets/plugin_assets/redmineflux_scarlet/cross-03c12ebc.svg") } .controller-roles.action-permissions #filters>div>form>p>input[type=submit] { background-image: url("/assets/plugin_assets/redmineflux_scarlet/tick_ico-6272101a.svg") !important; background-position: 11px 13px; background-size: 13px; background-repeat: no-repeat; padding: 10px 18px 10px 30px; } #delete-email-template>div.tag-main-content>p.tag-para-content { color: black !important; } .edit_issue #all_attributes>p>a.icon.icon-edit { background-image: none; } .div_testcase_area .select2-container--default .select2-selection--single .select2-selection__arrow b { border: none; } #roadmap>article>div.contextual>a.icon-only.icon-edit { background-image: url("/assets/plugin_assets/redmineflux_scarlet/penciledit-54702d2d.svg") !important; } div#sticky-issue-header.is-visible { display: flex; margin-top: 0px !important; padding: 20px 6px !important; font-size: 13px !important; } .multi-select .multi-select-options .multi-select-option, .multi-select .multi-select-options .multi-select-all { padding: 6px 10px !important; } .multi-select .multi-select-options .multi-select-option .multi-select-option-text, .multi-select .multi-select-options .multi-select-all .multi-select-option-text { font-size: 14px !important; line-height: 24px !important; } .rf-gantt-load-more-btn { padding: 0px 16px !important; } #issue_tree table.issues td, #relations table.issues td { height: 0px; } .icon-bookmarked-project:not(:has(svg)), .time_entry>h4>span.journal-meta>a.icon-only.icon-edit, #tab-content-history>.journal>.note>h4>span.journal-meta>span>a.icon-only.icon-edit { background-image: none; } div>div.attachments>table>tbody>tr>td>a.icon-only.icon-download>svg>use { display: none; } .contextual .drdn-items>a, .journal-actions .drdn-items>a { padding: 3px 1px !important; } span.journal-meta>span>span.drdn.expanded>div>div>a>svg { margin-right: 4px; } .controller-repositories.action-show #content>div.autoscroll { margin-top: 25px; } .controller-repositories.action-show #content>div.contextual>a.icon.icon-stats { padding: 10px 15px !important; } .controller-repositories.action-show td.filename_no_report>a>svg { margin-right: 5px; margin-top: 3px; } .controller-repositories.action-show tr.entry td.size { font-size: 12px; } .controller-repositories.action-show input[type="submit"] { padding: 10px 20px; } #projects-index>ul>li>div>div.wiki.description>div>a.copy-pre-content-link.icon-only>svg { stroke: #ff5722 !important; } #sidebar ul.queries li a.query.selected { background-color: #fc641f; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 180px; display: block; padding: 2px 10px; } #sidebar ul.queries li a.query.selected:hover { color: white; background-color: #fc641fbf; } #sidebar ul.queries li { display: flex; gap: 10px; } #confirmDeleteModal>div>div.confirm-modal-actions>button.confirm-btn { line-height: 0px; } div.add-result-btn>#update-btn, #bulk-update-submit-btn { font-size: 15px !important; } #content>div.leave-management-container>div.my-leaves-only>div>div>a.action-btn.action-btn-primary { background-image: url("/assets/plugin_assets/redmineflux_scarlet/plus_ico-05e3a0cd.svg") !important; background-size: 11px !important; background-position: 17px 13px !important; background-repeat: no-repeat !important; padding: 0px 20px 1px 34px; } #content>div.leave-management-container>div.my-leaves-only>div>div>a.action-btn.action-btn-primary:hover { background-color: #fc641fc7 !important; border-color: #fc641fc7 !important; color: #FFFFFF !important; background-image: url("/assets/plugin_assets/redmineflux_scarlet/plus_ico-05e3a0cd.svg") !important; background-size: 11px !important; background-position: 17px 13px !important; background-repeat: no-repeat !important; } table.list th, .table-list-header, table.list.issues tr th a, th.tags, table.list th, .controller-issues.action-show #content .contextual a { font-weight: 400 !important; } div.issue .attributes .attribute .label, .controller-issues.action-show div.issue div.subject h3, .controller-issues.action-show .issue p strong, .tabular label { font-weight: 500 !important; } .controller-issues.action-index #tr_assigned_to_id>div.values>span>span.select2.select2-container.select2-container--default.select2-container--above { width: 200px !important; } .controller-issues.action-index #tr_assigned_to_id>div.values>span>span.select2.select2-container.select2-container--default.select2-container--above>span.selection>span { height: 40px; } #content form .autoscroll table.list tbody .project>td.name>span.icon-only.icon-user.my-project { vertical-align: middle; margin-top: -8px; } tr.issue.assigned-to-me td.assigned_to { font-weight: bold !important; } #projects-index ul.projects.root li.root ul.projects li.child .child a.project.child::after { content: ''; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fc641f'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E"); background-size: 18px; background-repeat: no-repeat; flex-shrink: 0; display: inline-block; right: 0px; position: absolute; padding-right: 10px; } #projects-index ul.projects.root li.root ul.projects li.child .child a.project.child::before { display: none; } .controller-projects.action-index a.project.child.leaf.public.icon.icon-user.my-project { display: block !important; } .controller-issues .subject a { max-width: -webkit-fill-available !important; } .apexcharts-theme-light .apexcharts-menu-icon:hover, .apexcharts-theme-light .apexcharts-pan-icon:not(.apexcharts-selected):hover, .apexcharts-theme-light .apexcharts-reset-icon:hover, .apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover, .apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover, .apexcharts-theme-light .apexcharts-zoomin-icon:hover, .apexcharts-theme-light .apexcharts-zoomout-icon:hover { background: rgb(15 23 42 / 0%) !important; } .controller-runs .apexcharts-menu, .controller-testcase_milestones .apexcharts-menu, .controller-testplans .apexcharts-menu { right: 0 !important; } input.report_run_button { background: #FC641F !important; border: 1px solid #FC641F !important; } .controller-oauth2_applications #content>div.autoscroll, .controller-oauth2_applications #content>div.box { margin-top: 20px; } .controller-oauth2_applications #content>div.contextual>a.icon.icon-edit { background-image: url("/assets/plugin_assets/redmineflux_scarlet/Edit_white-0d935ca4.svg") !important; } #csv-export-form>p.buttons>input[type=submit] { height: 39px !important; margin-top: 3px !important; } #filters-table .filter { margin-block: 10px 0 !important; margin-bottom: 15px !important; } .controller-projects #content>p>span.icon-lock>svg { margin-right: 7px !important; } .controller-issues.action-index .select2-container--default .select2-selection--single { height: 40px !important; } .controller-issues.action-index .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; } .controller-issues.action-index .select2-container--default .select2-selection--single .select2-selection__arrow { top: 8px !important; } .subtasks-wrapper { overflow: auto; } #content .close_run, #content .delete_run, #content .delete_testcase { z-index: 99999; } #content .run-overlay, #content.search-drawer { z-index: 9999; } a.icon.icon-add.new-report { line-height: 1 !important; } #summary_tbody>tr>td.col-expand>button.expand-btn { padding: 0px 8px !important; } .issue>td.done_ratio>label { display: block; } #content>div.splitcontent>div.splitcontentleft>div.approved_hours_categories>table>thead>tr>th:nth-child(1) { text-align: justify; padding-left: 10px; } #content>div.splitcontent>div.splitcontentleft>div.approved_hours_categories>h3 { padding: 15px; font-size: 16px; } button#confirm-delete.tag_button:hover, button#ts-selection-edit.btn-primary:hover, body>div.daterangepicker.ltr.show-ranges.opensright.show-calendar>div.drp-buttons>button.applyBtn.btn.btn-sm.btn-primary:hover, button#delete-step_button.delete-step_button:hover, .testrun-modal-btn input#update-btn.update-run:hover, #bulk_deleteRunModal #confirmDelete:hover { background-color: #fc641fc7 !important; border: 1px solid #fc641fc7 !important; } button#tag_popup_apply.tag-popup-btn-apply:hover, .template-preview-btn:hover, button#rf-gantt-create-baseline-confirm:hover { background-color: #fc641fc7 !important; } button#ts-selection-edit.btn-primary, body>div.daterangepicker.ltr.show-ranges.opensright.show-calendar>div.drp-buttons>button.applyBtn.btn.btn-sm.btn-primary, button#delete-step_button.delete-step_button, .testrun-modal-btn input#update-btn.update-run, #bulk_deleteRunModal #confirmDelete, button#tag_popup_apply.tag-popup-btn-apply, .template-preview-btn, #teamMemberEmailModalInner button#proceedSendEmailBtn.btn-send-action, #memberListContainer .checkbox-container input:checked~.checkmark, .selection-header .checkbox-container input:checked~.checkmark, button#rf-gantt-create-baseline-confirm { border-color: #FC641F !important; background-color: #FC641F !important; color: #fff !important; } .crm-content-wrapper .crm-btn:hover { transform: none !important; box-shadow: none !important; } #approval-schema-form>div>div>div>input.button-primary { line-height: 1; border-radius: 5px !important; } .as-confirm-btn-danger { background: #dc2626 !important; color: #fff !important; } .as-confirm-btn-danger:hover { background: #b91c1c !important; } .alg-filter-btn { padding: 0px 20px !important; border-radius: 6px !important; margin-top: 0px; } .rf-gantt-sp-choice.is-active { border-color: #fc641f !important; background: #ffd6c359 !important; color: #fc641f !important; box-shadow: inset 0 0 0 1px #fc641f2b !important; } #steps-container .icon-only.icon-del { padding-top: 45px !important; padding-left: 30px !important; } #add_steps_button, #add-assignment, #edit-add-assignment { background-image: url("/assets/plugin_assets/redmineflux_scarlet/plus_orange-03671a57.svg") !important; background-position: 4px 5px !important; background-size: 11px !important; } button.delete-step_cancel-btn, #bulk_deleteRunModal #cancelDelete { background-color: #ced3e6 !important; color: #29435c !important; } button.delete-step_cancel-btn:hover, #bulk_deleteRunModal #cancelDelete:hover { background-color: #dbe4f7 !important; } .ui-widget-overlay { opacity: 90% !important; } #sidebar_right.closed button#sidebar_toggle { right: 15px !important; } .controller-test_suites.action-releases button#sidebar_toggle.toggle-icon { right: 360px !important; } .dashboard-header-top, #activity-dashboard>div:nth-child(1), .tag-management-container { padding: 0px 0px 15px 0px !important; } a.icon.icon-del.issue-discard-timer-btn { padding: 12px 15px 11px 26px !important; background-position: 9px 12px !important; } .timer-status-indicator { padding: 10px 10px !important; vertical-align: middle !important; } #teamMemberEmailModalInner>div.icon-container>div>svg { color: #fc641f !important; } #teamMemberEmailModalInner>div.icon-container>div.icon-circle.blue { background: #fc641f33 !important; } .confirm-btn { line-height: 1; } .settings-card-icon { background: linear-gradient(135deg, #fc641feb 0%, #fc641feb 100%) !important; } .controller-issues .select2-container--default .select2-selection--multiple .select2-selection__choice, .controller-timelog .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e46b !important; } .controller-issues .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .controller-timelog .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { top: -2px !important; } span.selection { min-height: 38px; margin-top: 2px; border-radius: 3px; display: grid; } #company_logo_section>#existing_logo_info>div>a.icon.icon-del { background-position: 3px 1px !important; } .drdn-items.selection>*:before { margin-left: 5px; } .tabular label.floating { font-weight: 500 !important; } /* New Workload plugin */ .workload-tab.active { color: #fc641f !important; border-bottom-color: #fc641f !important; } .workload-tab.active .tab-count { background: #fc641f !important; color: #ffffff; } .workload-tab:hover { color: #fc641f !important; background: #fc641f12 !important; } .workload-tab, .modern-table th, #content>div.workloads-section>div.table-container>table>thead>tr>th>a>span, .workload-link, .team-link, .modern-table th.sortable-header a { color: #29435c !important; } .workload-link:hover, .team-link:hover { color: #fc641f !important; } .controller-invoices #content>div.autoscroll { margin-top: 10px; } #tab-content-repositories>form>fieldset.box.settings.enabled_scm>table>tbody>tr>th { text-align: justify; } a#bulk_delete_btn { padding: 12px 10px !important; } #bulk_delete_cancel_button, button#bulk_delete_delete_button { padding: 3px 18px !important; line-height: 1px; height: 37px; } .query-totals { font-size: 15px !important; } .menu-icon-item.active { background: transparent !important; border: 1px solid grey; } select#columns { margin-right: 10px; } #filters-table>.filter>div.values>span>span>svg { display: block !important; } .controller-timelog.action-index .select2-container--default .select2-selection--multiple, .controller-issues.action-index .select2-container--default .select2-selection--multiple { min-width: 200px; max-width: 800px; } /* ================================================================ REGISTER PAGE — CSS-only theming, no view override. Keeps Redmine's normal page structure/position; targets the default core register.html.erb markup directly (div.box.tabular, field ids, submit button) so no plugin view file is needed. Top-menu and header stay visible; only the sidebar is hidden. body.controller-account.action-register ================================================================ */ body.controller-account.action-register #sidebar { display: none !important; } body.controller-account.action-register #main.nosidebar { margin-left: 0 !important; min-height: 0 !important; flex: 1 0 auto; } body.controller-account.action-register #content h2 { font-family: sans-serif !important; color: #29435C !important; } body.controller-account.action-register div.box.tabular { background: #fff !important; border: 1px solid #D1EBFA !important; border-radius: 10px !important; padding: 24px 28px !important; box-shadow: 0 4px 16px rgba(41, 67, 92, 0.06) !important; width: 100%; box-sizing: border-box !important; } body.controller-account.action-register div.box.tabular p { margin-bottom: 14px !important; } body.controller-account.action-register div.box.tabular label { font-family: sans-serif !important; font-size: 13px !important; font-weight: 600 !important; color: #29435C !important; } body.controller-account.action-register div.box.tabular input[type="text"], body.controller-account.action-register div.box.tabular input[type="password"], body.controller-account.action-register div.box.tabular select { width: 100% !important; max-width: 600px; height: 40px !important; padding: 0 12px !important; border: 2px solid #D1EBFA !important; border-radius: 8px !important; font-family: sans-serif !important; font-size: 14px !important; color: #181C25 !important; background: rgba(209, 235, 250, 0.2) !important; outline: none !important; box-sizing: border-box !important; transition: border-color 0.15s ease; } body.controller-account.action-register div.box.tabular input[type="text"]:focus, body.controller-account.action-register div.box.tabular input[type="password"]:focus, body.controller-account.action-register div.box.tabular select:focus { border-color: #fc641f !important; background: rgba(209, 235, 250, 0.4) !important; } body.controller-account.action-register div.box.tabular .info { font-family: sans-serif !important; font-size: 12px !important; color: #4b5563 !important; } body.controller-account.action-register input[type="submit"] { height: 42px !important; padding: 0 28px !important; margin-top: 8px !important; background: linear-gradient(135deg, #fc641f 0%, #ff7a3d 100%) !important; color: #fff !important; border: none !important; border-radius: 8px !important; font-family: sans-serif !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer; letter-spacing: 0.4px; text-transform: uppercase; transition: opacity 0.15s ease, transform 0.1s ease; } body.controller-account.action-register input[type="submit"]:hover { opacity: 0.92; } body.controller-account.action-register input[type="submit"]:active { transform: translateY(1px); opacity: 0.88; } .rf_invoice_button_primary, a.rf_invoice_button_primary, button.rf_invoice_button_primary, input[type="submit"].rf_invoice_button_primary, input[type="button"].rf_invoice_button_primary { color: #ffffff !important; font-weight: bold !important; background: #FC641F !important; border: none; border-radius: 7px; box-shadow: 0 2px 8px rgba(252, 100, 31, 0.4), 0 1px 3px rgba(252, 100, 31, 0.25); } .rf_invoice_button_primary:hover, a.rf_invoice_button_primary:hover, button.rf_invoice_button_primary:hover, input[type="submit"].rf_invoice_button_primary:hover, input[type="button"].rf_invoice_button_primary:hover{ background: #fc641fc7 !important; } .controller-global_invoices #sidebar ul#redmineflux-invoice-sidebar , .controller-invoices #sidebar ul#redmineflux-invoice-sidebar, .controller-team_rates #sidebar ul#redmineflux-invoice-sidebar { /* was 73px, tuned for the old 114px header. The ul already carries a 12px top margin, which is the inset every other plugin rail uses. */ padding-top: 0 !important; width: 60px !important; } .controller-global_invoices.action-index #content > div.contextual > a.rf_invoice_button_primary, .controller-invoices.action-index #content > div.contextual > a.rf_invoice_button_primary { padding: 11px 12px; } .rf_invoice_button_success, a.rf_invoice_button_success, button.rf_invoice_button_success, input[type="submit"].rf_invoice_button_success, input[type="button"].rf_invoice_button_success { background: #FC641F !important ; } .rf_invoice_button_success:hover, a.rf_invoice_button_success:hover, button.rf_invoice_button_success:hover, input[type="submit"].rf_invoice_button_success:hover, input[type="button"].rf_invoice_button_success:hover { background: #fc641fc7 !important ; } /* Helpdesk UI redesign */ .rf_helpdesk_sidebar{ margin-top: 80px !important; } a.rf_helpdesk_sidebar_item:hover { background-color: rgba(0, 148, 255, 0.22) !important; } #sidebar-wrapper .rf_helpdesk_sidebar .rf_helpdesk_sidebar_item { position: relative; display: flex !important; align-items: center; justify-content: center; padding: 12px 0 !important; margin: 5px auto; width: 50px !important; height: 50px !important; border-radius: 12px; box-sizing: border-box; color: var(--rf-accent); text-decoration: none !important; transition: background-color 0.2s ease; } .rf_helpdesk_button_primary, #open-prepaid-support-hours-modal.psh-add-btn, #content form input[type="submit"], #content form input[type="button"] { background: #FF5722 !important; border-color: #FF5722 !important; color: #fff !important; } .rf_helpdesk_button_primary:hover, #open-prepaid-support-hours-modal.psh-add-btn:hover, #content form input[type="submit"]:hover, #content form input[type="button"]:hover { background-color: #fc641fc7 !important; border-color: #fc641fc7!important; } /* ========================================================================== Redmineflux plugin theming — CRM, Helpdesk, Shift management, Invoice, Crux Each of those plugins ships its own token file (rf_crm_variables.css, rf_helpdesk_variables.css, shift_management_variables.css, invoice_variables.css, rf_crux_variables.css) built around a shared blue accent, #0094FF. On the Scarlet theme that reads as a different product bolted on, so the accent tokens are re-pointed at Scarlet's orange and the handful of places that hardcode the blue instead of reading a token are overridden below. Deliberately NOT changed: success / danger / warning / info tokens, and every categorical or status colour (leave days, holidays, avatars, "blue" badges, chart series, info panels). Those carry meaning rather than brand — recolouring them to the accent would both lose the distinction and collide with the real accent. ========================================================================== */ /* --- Accent tokens -------------------------------------------------------- Declared on `body`, not `:root`: the plugins emit their tags from their view bodies, so their stylesheets land *after* this file in document order and would win a :root-vs-:root tie. Custom properties inherit, so a value set on body beats an inherited :root value everywhere inside it, whatever the load order. */ body { --rf-accent: #fc641f; --rf-accent-hover: #e0530f; --rf-accent-light: #fdeee6; --rf-accent-tint: #fff5f0; --sm-accent: #fc641f; --sm-accent-hover: #e0530f; --sm-accent-tint: #fff5f0; /* Crux derives --crux-accent-soft and --crux-accent-border from this one with color-mix(), so its chips, hovers and borders retint from here too. (crux.css notes this token used to be #FC641F before the plugins were unified on blue.) */ --crux-accent: #fc641f; } /* --- Helpdesk: knowledge base --------------------------------------------- */ body .secondary-color, body .active-space { color: #fc641f !important; } body .spaces .active-title, body .spaces .spaces-title:hover, body .spaces-container:hover .spaces-title, body .page-head .page-breadcrumb li:not(:last-child) a:hover, body .page-history .version-number:hover, body .contentEditor a:hover { color: #fc641f; } body .add-page-modal .action-btn .next-btn { background: #fc641f; border: 1px solid #fc641f; } body .user-dropdown ul li:hover, body .menu-dropdown ul li:hover, body .tribute-container li.highlight { background-color: #fc641f; } body .add-space:hover > path { fill: #fc641f; } body .contentEditor .ce-toolbar__plus svg path { stroke: #fc641f; } body .multiselect-select-all-item:hover { background-color: #fff5f0; } body .multiselect-select-all-item label { color: #c24a10; } /* --- Helpdesk: prepaid support hours ------------------------------------- */ body .psh-add-btn { background: #fc641f !important; } body .psh-add-btn:hover { background: #e0530f !important; } body .psh-section-desc a { color: #fc641f; } body .psh-select:focus, body .psh-input:focus { border-color: #fc641f; } /* --- Helpdesk: reports and settings tabs --------------------------------- */ body .btn-filter-apply { background: #fc641f !important; } body .btn-filter-apply:hover { background: #e0530f !important; } body .reports-tab:hover { color: #fc641f; } body .reports-tab.active { color: #fc641f; border-bottom-color: #fc641f; } body .filter-select:focus, body .filter-daterange-trigger:focus { border-color: #fc641f; } body .daterange:hover { border-color: #fc641f !important; } body .ticket-summary-panel { border-left-color: #fc641f; } body .ticket-summary-title i { color: #fc641f; } body .ticket-summary-edit-btn:hover { border-color: #fc641f; color: #fc641f; background: #fff5f0; } body .btn-ts-save { background: #fc641f; } body .btn-ts-save:hover { background: #e0530f; } body .rhd-st-btn, body .rhd-st-fields input[type="submit"] { background: #fc641f !important; } body .rhd-st-btn:hover, body .rhd-st-fields input[type="submit"]:hover { background: #e0530f !important; } body .rhd-st-table a { color: #fc641f; } body .rhd-st-icon-btn-view:hover { background: #fff5f0 !important; border-color: #fc641f !important; } body .rhd-st-fields input[type="text"]:focus, body .rhd-st-fields input[type="email"]:focus, body .rhd-st-fields input[type="number"]:focus, body .rhd-st-fields select:focus, body .rhd-st-fields textarea:focus { border-color: #fc641f; } /* --- Shift management ----------------------------------------------------- */ body .sm-btn-primary { background: #fc641f !important; border-color: #fc641f !important; } body .bulk_leave_assignee_btn, body .team_member_add { background-color: #fc641f !important; } body .bulk_leave_assignee_btn:hover, body .team_member_add:hover { background-color: #e0530f !important; } body .sm-tab-btn-active, body .sm-leave-tab.active { color: #fc641f; border-bottom-color: #fc641f; } body .sm-page-btn.sm-page-current { background: #fc641f; border-color: #fc641f; } body .sm-page-btn.sm-page-current:hover { background: #e0530f; border-color: #e0530f; } body .sm-rpt-pagination .pagination .current, body .sm-rpt-pagination .pagination em { background: #fc641f; border-color: #fc641f; } body .sm-link-primary { color: #fc641f; } body .sm-link-primary:hover { color: #e0530f; } body .sm-form-input:focus, body .sm-form-select:focus, body .sm-form-textarea:focus, body .sm-filter-group select:focus, body .sm-filter-group input[type="month"]:focus, body .sm-date-input-wrap input[type="date"]:focus, body .sm-modal-input:focus, body .sm-att-reg-form .sm-modal-input:focus { border-color: #fc641f; } body .sm-att-reg-btn { border-color: #fc641f; color: #fc641f; } body .sm-att-reg-btn:hover { background: #fdeee6; } /* selection, not status */ body .sm-att-day--selected { outline-color: #fc641f !important; background: #fff5f0 !important; } body .sm-btn-icon-view:hover { background: #fff5f0; color: #fc641f; } /* "currently active" marker in the punch timeline; the neighbouring .sm-ptl-live-badge stays blue because it labels state, not selection */ body .sm-ptl-item--active .sm-ptl-dot { background: #fc641f; } body .sm-ptl-dot--pulse::after { border-color: #fc641f; } /* --- Invoice -------------------------------------------------------------- */ body .rf_invoice_button_success, body a.rf_invoice_button_success, body button.rf_invoice_button_success, body input[type="submit"].rf_invoice_button_success { background: #fc641f; } body .rf_invoice_action_icon_view:hover, body .rf_invoice_action_icon_preview:hover, body .rf_invoice_action_icon_copy:hover { background: #fff5f0; } /* --- CRM ------------------------------------------------------------------ */ body .rf_crm_table_action_icon:hover, body .rf_crm_convert_checkbox_wrapper:hover { background: #fff5f0; } body .rf_crm_detail_card_action:hover { background: #fff5f0 !important; } body .rf_crm_forecast_stat_highlight { border-color: #fbd0b8; background: #fff5f0; } body .rf_crm_modal_variant_primary .rf_crm_modal_icon_circle { background: #fdeee6; } body .rf_crm_modal_variant_primary .rf_crm_modal_icon_circle svg { color: #fc641f; } body .rf_crm_modal_variant_primary .rf_crm_modal_btn_danger { background: #fc641f; } body .rf_crm_modal_variant_primary .rf_crm_modal_btn_danger:hover { background: #e0530f; } /* --- Crux ---------------------------------------------------------------- */ /* everything else comes from --crux-accent above; this one hardcodes the tint */ body .rf_crux_table_action_icon:hover { background: #fff5f0; } /* --- Shift management: the clock widget and the Today's Attendance panel keep the plugin's own blue -- they read as status surfaces rather than brand, so they are deliberately not recoloured to the accent. */ /* .sm-stat-icon is deliberately left alone: the dashboard sets its colour inline per card (blue = status, amber = on leave, red = pending), so a stylesheet rule cannot reach it without !important — and that would flatten all three semantic colours to the accent. */ /* --- Plugin chrome the token override cannot reach ------------------------ These are written as literal rgba()/#fff inside the plugins' own rules. */ /* CRM and Crux print the product name in #header h1::after in white, chosen to sit on core's dark #top-menu. Scarlet's #header is light blue (#D1EBFA), so white left the word invisible (~1.3:1). Navy matches the h1 beside it. */ body.controller-crm_dashboard #header h1::after, body.controller-leads #header h1::after, body.controller-contacts #header h1::after, body.controller-companies #header h1::after, body.controller-deals #header h1::after, body.controller-crm_reports #header h1::after, body.controller-crm_audit_logs #header h1::after, body.controller-crm_activities #header h1::after, body.controller-crm_settings #header h1::after, body[class*="controller-crux"] #header h1::after { color: #29435c !important; /* the name is appended straight onto "Redmine", so it needs the gap; Shift appends "flux ..." on purpose and is left alone. Invoice used to be in that camp too, but no longer -- see the block right below. */ margin-left: 0.35em; } /* riv-119527: Invoice does NOT append to the app title -- it prints its whole product name ("Redmineflux Invoices") in #header h1::after and hides the app title underneath, so the page reads correctly on an instance whose app_title is not literally "Redmine". Hiding it has to happen HERE rather than in the plugin's own stylesheet: `#header h1 { font-size: 17px !important }` near the top of this file is ours, and an !important declaration beats a normal one no matter how specific the normal one is. The plugin's plain `font-size: 0` therefore never applied and the title rendered as "RedmineRedmineflux Invoices". The exception belongs to whoever wrote the !important. Scoped on .rf-no-project (set server-side by the plugin's view_layouts_base_body_top hook when there is no @project) rather than :not([class*="project-"]), so this hide and the plugin's ::after that replaces it are driven by exactly the same signal and cannot disagree -- a mismatch would leave the header blank, which is worse than the bug. */ body.controller-global_invoices.rf-no-project #header h1 { font-size: 0 !important; } /* ========================================================================== Redmineflux plugin chrome — shared layout for the five plugins' own pages (CRM, Helpdesk, Shift management, Invoice, Crux). These pages are global, not project-scoped: the plugins either omit #main-menu entirely (Helpdesk) or render it and hide it (CRM, Crux, Shift, Invoice). Either way there is no project menu to show, so the header is the short 50px variant everywhere and #content sits just under it instead of keeping the 86px gap that the tall 114px header needed. ========================================================================== */ /* Header: 50px on every one of these pages. min-height has to be set too -- core's #header carries `min-height: 8.7ex` (~59px) and a larger min-height beats an explicit height in the used-value calculation, which is why Helpdesk was still 58.64px despite the :not(:has(#main-menu)) rule. */ #header:not(:has(#main-menu)), body:not([class*="project-"]).controller-crm_dashboard #header, body:not([class*="project-"]).controller-leads #header, body:not([class*="project-"]).controller-contacts #header, body:not([class*="project-"]).controller-companies #header, body:not([class*="project-"]).controller-deals #header, body:not([class*="project-"]).controller-crm_activities #header, body:not([class*="project-"]).controller-crm_reports #header, body:not([class*="project-"]).controller-crm_audit_logs #header, body:not([class*="project-"]).controller-crm_settings #header, body:not([class*="project-"]).controller-rf_helpdesk #header, body:not([class*="project-"]).controller-rf_helpdesk_issues #header, body:not([class*="project-"]).controller-rf_customers #header, body:not([class*="project-"]).controller-rf_organizations #header, body:not([class*="project-"]).controller-rf_slas #header, body:not([class*="project-"]).controller-rf_products #header, body:not([class*="project-"]).controller-rf_support_levels #header, body:not([class*="project-"]).controller-rf_holidays #header, body:not([class*="project-"]).controller-rf_helpdesk_reports #header, body:not([class*="project-"]).controller-rf_knowledgebase_pages #header, body:not([class*="project-"]).controller-rf_canned_responses #header, body:not([class*="project-"]).controller-rf_email_histories #header, body:not([class*="project-"]).controller-rf_helpdesk_holidays #header, body:not([class*="project-"]).controller-rf_helpdesk_prepaid_support_hours #header, body:not([class*="project-"]).controller-shift_dashboard #header, body:not([class*="project-"]).controller-attendance #header, body:not([class*="project-"]).controller-shifts #header, body:not([class*="project-"]).controller-leave #header, body:not([class*="project-"]).controller-holidays #header, body:not([class*="project-"]).controller-holiday_schemas #header, body:not([class*="project-"]).controller-departments #header, body:not([class*="project-"]).controller-teams #header, body:not([class*="project-"]).controller-reports #header, body:not([class*="project-"]).controller-leave_balances #header, body:not([class*="project-"]).controller-leave_types #header, body:not([class*="project-"]).controller-leave_policy_bands #header, body:not([class*="project-"]).controller-attendance_corrections #header, body:not([class*="project-"]).controller-shift_assignments #header, body:not([class*="project-"]).controller-shift_change_requests #header, body:not([class*="project-"]).controller-team_members #header, body:not([class*="project-"]).controller-user_band_assignments #header, body:not([class*="project-"]).controller-holiday_schema_assignments #header, body:not([class*="project-"]).controller-global_invoices #header, body:not([class*="project-"]).controller-invoices #header, body:not([class*="project-"]).controller-team_rates #header, body:not([class*="project-"]).controller-customers #header, body:not([class*="project-"]).controller-invoice_payments #header, body:not([class*="project-"]).controller-invoice_pdf_templates #header, body:not([class*="project-"]).controller-invoice_email_templates #header, body:not([class*="project-"]).controller-online_payments #header, body:not([class*="project-"]).controller-crux_dashboard #header, body:not([class*="project-"]).controller-crux_ask #header, body:not([class*="project-"]).controller-crux_agents #header, body:not([class*="project-"]).controller-crux_pipelines #header, body:not([class*="project-"]).controller-crux_admin_keys #header, body:not([class*="project-"]).controller-crux_admin_logs #header, body:not([class*="project-"]).controller-crux_admin_settings #header, body:not([class*="project-"]).controller-crux_frozen_rules #header, body:not([class*="project-"]).controller-crux_improve #header { height: 50px !important; min-height: 50px !important; } /* Content: drop the 86px gap the tall header needed down to a normal one, so the first card sits ~25px below the header on all five plugins. */ body:not([class*="project-"]).controller-crm_dashboard div#main, body:not([class*="project-"]).controller-leads div#main, body:not([class*="project-"]).controller-contacts div#main, body:not([class*="project-"]).controller-companies div#main, body:not([class*="project-"]).controller-deals div#main, body:not([class*="project-"]).controller-crm_activities div#main, body:not([class*="project-"]).controller-crm_reports div#main, body:not([class*="project-"]).controller-crm_audit_logs div#main, body:not([class*="project-"]).controller-crm_settings div#main, body:not([class*="project-"]).controller-rf_helpdesk div#main, body:not([class*="project-"]).controller-rf_helpdesk_issues div#main, body:not([class*="project-"]).controller-rf_customers div#main, body:not([class*="project-"]).controller-rf_organizations div#main, body:not([class*="project-"]).controller-rf_slas div#main, body:not([class*="project-"]).controller-rf_products div#main, body:not([class*="project-"]).controller-rf_support_levels div#main, body:not([class*="project-"]).controller-rf_holidays div#main, body:not([class*="project-"]).controller-rf_helpdesk_reports div#main, body:not([class*="project-"]).controller-rf_knowledgebase_pages div#main, body:not([class*="project-"]).controller-rf_canned_responses div#main, body:not([class*="project-"]).controller-rf_email_histories div#main, body:not([class*="project-"]).controller-rf_helpdesk_holidays div#main, body:not([class*="project-"]).controller-rf_helpdesk_prepaid_support_hours div#main, body:not([class*="project-"]).controller-shift_dashboard div#main, body:not([class*="project-"]).controller-attendance div#main, body:not([class*="project-"]).controller-shifts div#main, body:not([class*="project-"]).controller-leave div#main, body:not([class*="project-"]).controller-holidays div#main, body:not([class*="project-"]).controller-holiday_schemas div#main, body:not([class*="project-"]).controller-departments div#main, body:not([class*="project-"]).controller-teams div#main, body:not([class*="project-"]).controller-reports div#main, body:not([class*="project-"]).controller-leave_balances div#main, body:not([class*="project-"]).controller-leave_types div#main, body:not([class*="project-"]).controller-leave_policy_bands div#main, body:not([class*="project-"]).controller-attendance_corrections div#main, body:not([class*="project-"]).controller-shift_assignments div#main, body:not([class*="project-"]).controller-shift_change_requests div#main, body:not([class*="project-"]).controller-team_members div#main, body:not([class*="project-"]).controller-user_band_assignments div#main, body:not([class*="project-"]).controller-holiday_schema_assignments div#main, body:not([class*="project-"]).controller-global_invoices div#main, body:not([class*="project-"]).controller-invoices div#main, body:not([class*="project-"]).controller-team_rates div#main, body:not([class*="project-"]).controller-customers div#main, body:not([class*="project-"]).controller-invoice_payments div#main, body:not([class*="project-"]).controller-invoice_pdf_templates div#main, body:not([class*="project-"]).controller-invoice_email_templates div#main, body:not([class*="project-"]).controller-online_payments div#main, body:not([class*="project-"]).controller-crux_dashboard div#main, body:not([class*="project-"]).controller-crux_ask div#main, body:not([class*="project-"]).controller-crux_agents div#main, body:not([class*="project-"]).controller-crux_pipelines div#main, body:not([class*="project-"]).controller-crux_admin_keys div#main, body:not([class*="project-"]).controller-crux_admin_logs div#main, body:not([class*="project-"]).controller-crux_admin_settings div#main, body:not([class*="project-"]).controller-crux_frozen_rules div#main, body:not([class*="project-"]).controller-crux_improve div#main { padding-top: 0 !important; } body:not([class*="project-"]).controller-crm_dashboard div#content, body:not([class*="project-"]).controller-leads div#content, body:not([class*="project-"]).controller-contacts div#content, body:not([class*="project-"]).controller-companies div#content, body:not([class*="project-"]).controller-deals div#content, body:not([class*="project-"]).controller-crm_activities div#content, body:not([class*="project-"]).controller-crm_reports div#content, body:not([class*="project-"]).controller-crm_audit_logs div#content, body:not([class*="project-"]).controller-crm_settings div#content, body:not([class*="project-"]).controller-rf_helpdesk div#content, body:not([class*="project-"]).controller-rf_helpdesk_issues div#content, body:not([class*="project-"]).controller-rf_customers div#content, body:not([class*="project-"]).controller-rf_organizations div#content, body:not([class*="project-"]).controller-rf_slas div#content, body:not([class*="project-"]).controller-rf_products div#content, body:not([class*="project-"]).controller-rf_support_levels div#content, body:not([class*="project-"]).controller-rf_holidays div#content, body:not([class*="project-"]).controller-rf_helpdesk_reports div#content, body:not([class*="project-"]).controller-rf_knowledgebase_pages div#content, body:not([class*="project-"]).controller-rf_canned_responses div#content, body:not([class*="project-"]).controller-rf_email_histories div#content, body:not([class*="project-"]).controller-rf_helpdesk_holidays div#content, body:not([class*="project-"]).controller-rf_helpdesk_prepaid_support_hours div#content, body:not([class*="project-"]).controller-shift_dashboard div#content, body:not([class*="project-"]).controller-attendance div#content, body:not([class*="project-"]).controller-shifts div#content, body:not([class*="project-"]).controller-leave div#content, body:not([class*="project-"]).controller-holidays div#content, body:not([class*="project-"]).controller-holiday_schemas div#content, body:not([class*="project-"]).controller-departments div#content, body:not([class*="project-"]).controller-teams div#content, body:not([class*="project-"]).controller-reports div#content, body:not([class*="project-"]).controller-leave_balances div#content, body:not([class*="project-"]).controller-leave_types div#content, body:not([class*="project-"]).controller-leave_policy_bands div#content, body:not([class*="project-"]).controller-attendance_corrections div#content, body:not([class*="project-"]).controller-shift_assignments div#content, body:not([class*="project-"]).controller-shift_change_requests div#content, body:not([class*="project-"]).controller-team_members div#content, body:not([class*="project-"]).controller-user_band_assignments div#content, body:not([class*="project-"]).controller-holiday_schema_assignments div#content, body:not([class*="project-"]).controller-global_invoices div#content, body:not([class*="project-"]).controller-invoices div#content, body:not([class*="project-"]).controller-team_rates div#content, body:not([class*="project-"]).controller-customers div#content, body:not([class*="project-"]).controller-invoice_payments div#content, body:not([class*="project-"]).controller-invoice_pdf_templates div#content, body:not([class*="project-"]).controller-invoice_email_templates div#content, body:not([class*="project-"]).controller-online_payments div#content, body:not([class*="project-"]).controller-crux_dashboard div#content, body:not([class*="project-"]).controller-crux_ask div#content, body:not([class*="project-"]).controller-crux_agents div#content, body:not([class*="project-"]).controller-crux_pipelines div#content, body:not([class*="project-"]).controller-crux_admin_keys div#content, body:not([class*="project-"]).controller-crux_admin_logs div#content, body:not([class*="project-"]).controller-crux_admin_settings div#content, body:not([class*="project-"]).controller-crux_frozen_rules div#content, body:not([class*="project-"]).controller-crux_improve div#content { padding-top: 24px !important; } /* Icon rail: the rails stay blue across all five, matching Helpdesk's, which is the one the other four were meant to look like. CRM draws its rail icons as inline SVG so they picked up --rf-accent; pin them back to the rail blue. (Crux, Invoice and Shift use image files that are already blue.) */ body #sidebar .rf_crm_icon, body #sidebar .rf_crm_sidebar_icon { stroke: #0094ff !important; color: #0094ff !important; } /* Helpdesk keeps #sidebar in flow so the rail stretches to the full document height; the reports controller was the one page left out, so its rail stopped short when the page scrolled. In flow it also pushes #content clear of the rail on its own -- no margin offset needed. */ body:not([class*="project-"]).controller-rf_helpdesk_reports #sidebar { /* in flow so the rail stretches to the full document height, and `top` zeroed because it was positioning the rail back when it was absolute */ position: relative !important; top: 0 !important; } /* Buttons: the plugins ship 3px, 6px, 8px and 10px radii side by side. One radius for all of them, and the filter Reset/Clear controls get the same box as the Apply button next to them (they were 36px against 40px). */ body .rf_crm_button_primary, body .rf_helpdesk_button_primary, body .rf_helpdesk_button_secondary, body .rf_invoice_button_primary, body .rf_invoice_button_secondary, body .rf_invoice_button_success, body .sm-btn, body .sm-btn-primary, body .crux-btn, body .crux-btn-primary, body .crux-btn-cancel, body .btn-filter-apply, body .btn-filter-reset, body .psh-add-btn, body .rhd-st-btn, body #content input[type="submit"], body #content input[type="button"] { border-radius: 6px !important; } body .btn-filter-reset, body .btn-filter-apply { height: 40px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } /* The 80px rail inset was tuned for the 114px header this block has since shortened to 50px. */ body .rf_helpdesk_sidebar { margin-top: 12px !important; } /* Helpdesk renders no #main-menu at all, so core's `#header:not(:has(#main-menu))~#main` rule adds 25px of padding that the other four plugins do not get -- their content starts 25px higher. Match them so all five line up. */ body:not([class*="project-"]).controller-rf_helpdesk #header:not(:has(#main-menu))~#main, body:not([class*="project-"]).controller-rf_helpdesk_issues #header:not(:has(#main-menu))~#main, body:not([class*="project-"]).controller-rf_customers #header:not(:has(#main-menu))~#main, body:not([class*="project-"]).controller-rf_organizations #header:not(:has(#main-menu))~#main, body:not([class*="project-"]).controller-rf_slas #header:not(:has(#main-menu))~#main, body:not([class*="project-"]).controller-rf_products #header:not(:has(#main-menu))~#main, body:not([class*="project-"]).controller-rf_support_levels #header:not(:has(#main-menu))~#main, body:not([class*="project-"]).controller-rf_holidays #header:not(:has(#main-menu))~#main, body:not([class*="project-"]).controller-rf_helpdesk_reports #header:not(:has(#main-menu))~#main, body:not([class*="project-"]).controller-rf_knowledgebase_pages #header:not(:has(#main-menu))~#main, body:not([class*="project-"]).controller-rf_canned_responses #header:not(:has(#main-menu))~#main, body:not([class*="project-"]).controller-rf_email_histories #header:not(:has(#main-menu))~#main, body:not([class*="project-"]).controller-rf_helpdesk_holidays #header:not(:has(#main-menu))~#main, body:not([class*="project-"]).controller-rf_helpdesk_prepaid_support_hours #header:not(:has(#main-menu))~#main { padding-top: 0 !important; } /* Invoice's own `div#content { margin-top: 15px }` was extra breathing room under the tall header; on the global pages the header is 50px now and the 24px content padding covers it, so the 15px just pushed invoice 15px lower than the other four. Project-scoped invoice pages keep it. */ body:not([class*="project-"]).controller-global_invoices div#content, body:not([class*="project-"]).controller-invoices div#content, body:not([class*="project-"]).controller-team_rates div#content { margin-top: 0 !important; } /* Header title in the short 50px header. `#header h1 { top: 20px }` is tuned for the 114px header, where the title sits in the band above the project menu. In a 50px header that 20px drops it to the bottom edge -- measured 25px of space above the text and 5px below. 10px centres it instead (15/15 in the 56px box). Two selectors because the two cases differ: Helpdesk, Administration and My account render no #main-menu at all, while CRM, Crux, Shift and Invoice render one and hide it, so :has() still matches there and they need the controller form. Project-scoped pages keep the 20px -- their header is tall and the title belongs above the menu. */ #header:not(:has(#main-menu)) h1, body:not([class*="project-"]).controller-crm_dashboard #header h1, body:not([class*="project-"]).controller-leads #header h1, body:not([class*="project-"]).controller-contacts #header h1, body:not([class*="project-"]).controller-companies #header h1, body:not([class*="project-"]).controller-deals #header h1, body:not([class*="project-"]).controller-crm_activities #header h1, body:not([class*="project-"]).controller-crm_reports #header h1, body:not([class*="project-"]).controller-crm_audit_logs #header h1, body:not([class*="project-"]).controller-crm_settings #header h1, body:not([class*="project-"]).controller-rf_helpdesk #header h1, body:not([class*="project-"]).controller-rf_helpdesk_issues #header h1, body:not([class*="project-"]).controller-rf_customers #header h1, body:not([class*="project-"]).controller-rf_organizations #header h1, body:not([class*="project-"]).controller-rf_slas #header h1, body:not([class*="project-"]).controller-rf_products #header h1, body:not([class*="project-"]).controller-rf_support_levels #header h1, body:not([class*="project-"]).controller-rf_holidays #header h1, body:not([class*="project-"]).controller-rf_helpdesk_reports #header h1, body:not([class*="project-"]).controller-rf_knowledgebase_pages #header h1, body:not([class*="project-"]).controller-rf_canned_responses #header h1, body:not([class*="project-"]).controller-rf_email_histories #header h1, body:not([class*="project-"]).controller-rf_helpdesk_holidays #header h1, body:not([class*="project-"]).controller-rf_helpdesk_prepaid_support_hours #header h1, body:not([class*="project-"]).controller-shift_dashboard #header h1, body:not([class*="project-"]).controller-attendance #header h1, body:not([class*="project-"]).controller-shifts #header h1, body:not([class*="project-"]).controller-leave #header h1, body:not([class*="project-"]).controller-holidays #header h1, body:not([class*="project-"]).controller-holiday_schemas #header h1, body:not([class*="project-"]).controller-departments #header h1, body:not([class*="project-"]).controller-teams #header h1, body:not([class*="project-"]).controller-reports #header h1, body:not([class*="project-"]).controller-leave_balances #header h1, body:not([class*="project-"]).controller-leave_types #header h1, body:not([class*="project-"]).controller-leave_policy_bands #header h1, body:not([class*="project-"]).controller-attendance_corrections #header h1, body:not([class*="project-"]).controller-shift_assignments #header h1, body:not([class*="project-"]).controller-shift_change_requests #header h1, body:not([class*="project-"]).controller-team_members #header h1, body:not([class*="project-"]).controller-user_band_assignments #header h1, body:not([class*="project-"]).controller-holiday_schema_assignments #header h1, body:not([class*="project-"]).controller-global_invoices #header h1, body:not([class*="project-"]).controller-invoices #header h1, body:not([class*="project-"]).controller-team_rates #header h1, body:not([class*="project-"]).controller-customers #header h1, body:not([class*="project-"]).controller-invoice_payments #header h1, body:not([class*="project-"]).controller-invoice_pdf_templates #header h1, body:not([class*="project-"]).controller-invoice_email_templates #header h1, body:not([class*="project-"]).controller-online_payments #header h1, body:not([class*="project-"]).controller-crux_dashboard #header h1, body:not([class*="project-"]).controller-crux_ask #header h1, body:not([class*="project-"]).controller-crux_agents #header h1, body:not([class*="project-"]).controller-crux_pipelines #header h1, body:not([class*="project-"]).controller-crux_admin_keys #header h1, body:not([class*="project-"]).controller-crux_admin_logs #header h1, body:not([class*="project-"]).controller-crux_admin_settings #header h1, body:not([class*="project-"]).controller-crux_frozen_rules #header h1, body:not([class*="project-"]).controller-crux_improve #header h1 { top: 10px !important; } /* Project-scoped plugin pages: push the icon rail below the tall header. Inside a project these pages get the 114px header (project menu shown), but #main keeps padding-top: 0 here -- #content survives that on its own 86px padding, while #sidebar has no such padding and started at y=103, i.e. 67px up behind the header, hiding the first rail icons. Redmine's own project pages land the sidebar at 183; +80px puts these there too. Offsetting #sidebar rather than adding #main padding keeps #content exactly where it is -- they are flex siblings, so a margin on one does not move the other. */ body[class*="project-"].controller-rf_project_helpdesk #sidebar, body[class*="project-"].controller-rf_project_helpdesk_issues #sidebar, body[class*="project-"].controller-invoices #sidebar, body[class*="project-"].controller-team_rates #sidebar, body[class*="project-"].controller-invoice_payments #sidebar, body[class*="project-"].controller-customers #sidebar { padding-top: 80px !important; } body[class*="project-"].controller-rf_project_helpdesk #sidebar div#sidebar-wrapper , body[class*="project-"].controller-rf_project_helpdesk_issues #sidebar div#sidebar-wrapper, body[class*="project-"].controller-customers #sidebar div#sidebar-wrapper, body[class*="project-"].controller-crux_project #sidebar div#sidebar-wrapper, body[class*="project-"].controller-global_invoices.action-show #sidebar div#sidebar-wrapper, body[class*="project-"].controller-global_invoices.action-report #sidebar div#sidebar-wrapper { margin-top: 80px !important; } /* Shift management's icon rail sat 80px down and 15px in: the 80px was tuned for the old 114px header, and the 15px is the theme's default #sidebar padding, which left the widest rail-to-content gap of the five plugins (15px against 0 for Helpdesk/Invoice and 8px for CRM/Crux). Match CRM and Crux, whose rails are the same 60px width. */ body.controller-shift_dashboard #sidebar, body.controller-attendance #sidebar, body.controller-shifts #sidebar, body.controller-leave #sidebar, body.controller-holidays #sidebar, body.controller-holiday_schemas #sidebar, body.controller-departments #sidebar, body.controller-teams #sidebar, body.controller-reports #sidebar, body.controller-leave_balances #sidebar, body.controller-leave_types #sidebar, body.controller-leave_policy_bands #sidebar, body.controller-attendance_corrections #sidebar, body.controller-shift_assignments #sidebar, body.controller-shift_change_requests #sidebar, body.controller-team_members #sidebar, body.controller-user_band_assignments #sidebar, body.controller-holiday_schema_assignments #sidebar { padding-top: 12px !important; padding-left: 8px !important; padding-right: 8px !important; } /* Primary-button :hover states the plugins hardcode in blue. The non-hover state of each is already handled above; these are the four whose hover rule was missed, so the button flipped from orange back to blue under the cursor. Rail hovers (a.btn-sm-*:hover, .crux-rail-btn:hover) are deliberately left blue -- the icon rails stay blue by design. */ body .sm-btn-primary:hover, body button.regularize_submit:hover { background: #e0530f !important; border-color: #e0530f !important; } body .rf_invoice_button_success:hover, body a.rf_invoice_button_success:hover, body button.rf_invoice_button_success:hover, body input[type="submit"].rf_invoice_button_success:hover { background: #e0530f !important; } /* only the confirm button; the neighbouring delete button keeps its own red */ body .add-page-modal .action-btn .next-btn:hover { background-color: #e0530f !important; border-color: #e0530f !important; }