discourse/app/assets/stylesheets/common/table-builder/jspreadsheet-theme.scss
dependabot[bot] 91ef4f05c6
Build(deps): Bump jspreadsheet-ce from 4.15.0 to 5.0.4 (#32871)
Bumps [jspreadsheet-ce](https://github.com/jspreadsheet/ce) from 4.15.0
to 5.0.4.
- [Release notes](https://github.com/jspreadsheet/ce/releases)
- [Commits](https://github.com/jspreadsheet/ce/commits)

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2026-01-14 18:28:15 +01:00

270 lines
6.5 KiB
SCSS
Vendored

:root {
--jss_header_color: var(--primary-high);
--jss_header_color_highlighted: var(--primary-high);
--jss_header_background: var(--primary-very-low);
--jss_header_background_highlighted: var(--primary-low);
--jss_content_color: var(--primary);
--jss_content_color_highlighted: var(--primary-high);
--jss_content_background: var(--secondary);
--jss_content_background_highlighted: var(--tertiary-very-low);
--jss_menu_background: var(--secondary);
--jss_menu_background_highlighted: var(--secondary-very-high);
--jss_menu_color: var(--primary-medium);
--jss_menu_color_highlighted: var(--primary);
--jss_border_color: var(--primary-low-mid);
--jss_border_color_highlighted: var(--tertiary-high);
--active_color: var(--primary-very-low);
--active-color: var(--active_color);
}
.jss_worksheet {
border-top: none;
border-left: none;
border-bottom: 1px solid var(--jss_border_color);
border-right: transparent;
background-color: transparent;
}
table.jss_worksheet > thead > tr > td {
border-left: 1px solid transparent;
padding: 10px;
font-weight: bold;
border-top: none;
border-right: 1px solid var(--jss_border_color);
border-bottom: 1px solid var(--jss_border_color);
background-color: var(--jss_header_background);
&:first-child {
border-left: none;
}
}
table.jss_worksheet > tbody > tr > td {
padding: 8px;
border-left: 1px solid transparent;
border-right: 1px solid var(--jss_border_color);
&:first-child {
border-left: none;
background-color: var(--jss_header_background);
}
}
table.jss_worksheet {
border-bottom: 1px solid var(--jss_border_color);
}
.jcontextmenu.jss_contextmenu hr {
border-color: var(--jss_border_color);
}
.jss_container .jcontextmenu > div a {
color: var(--jss_menu_color);
}
.jss_corner {
background-color: var(--tertiary);
}
.jss_worksheet > tbody > tr > td,
.jss_worksheet > thead > tr > td {
border-top: 1px solid var(--jss_border_color);
border-left: 1px solid var(--jss_border_color);
background-color: var(--jss_content_background);
color: var(--jss_content_color);
&:first-child {
border-left: none;
}
}
.jss_worksheet > thead > tr > td {
border-top: none;
}
.jss_worksheet > tbody > tr > td:first-child,
.jss_worksheet > thead > tr > td {
background-color: var(--jss_header_background);
color: var(--jss_header_color);
}
.jss_worksheet > thead > tr > td.selected,
.jss_worksheet > tbody > tr.selected > td:first-child {
background-color: var(--jss_header_background_highlighted);
color: var(--jss_header_color_highlighted);
}
table.jss_worksheet > tbody > tr.selected > td:first-child {
background-color: var(--jss_header_background_highlighted);
}
.jss_worksheet > tbody > tr > td.jss_cursor a {
color: var(--active-color);
}
.jss_pagination > div > div {
color: var(--jss_header_color);
background: var(--jss_header_background);
border: 1px solid var(--jss_border_color);
}
.jss_page,
.jss_container input,
.jss_container select {
color: var(--jss_header_color);
background: var(--jss_header_background);
border: 1px solid var(--jss_border_color);
}
.jss_contextmenu.jcontextmenu {
border: 1px solid var(--jss_border_color);
background: var(--jss_menu_background);
color: var(--jss_menu_color);
box-shadow: 0 12px 12px rgb(0, 0, 0, 0.15);
}
.jcontextmenu > div a {
color: var(--jss_menu_color);
}
.jcontextmenu > div:not(.contextmenu-line):hover a {
color: var(--jss_menu_color_highlighted);
}
.jcontextmenu > div:not(.contextmenu-line):hover {
background: var(--jss_menu_background_highlighted);
}
.jss_dropdown .jdropdown-container,
.jss_dropdown .jdropdown-content {
background-color: var(--jss_content_background);
color: var(--jss_content_color);
}
.jss_dropdown .jdropdown-item {
color: var(--jss_content_color);
}
.jss_dropdown .jdropdown-item:hover,
.jss_dropdown .jdropdown-selected,
.jss_dropdown .jdropdown-cursor {
background-color: var(--jss_content_background_highlighted);
color: var(--jss_content_color_highlighted);
}
.jss_worksheet .jcalendar-content {
background-color: var(--jss_header_background);
color: var(--jss_header_color);
}
.jss_worksheet .jcalendar-content > table {
background-color: var(--jss_content_background);
color: var(--jss_content_color);
}
.jss_worksheet .jcalendar-weekday {
background-color: var(--jss_content_background_highlighted);
color: var(--jss_content_color_highlighted);
}
.jss_worksheet .jcalendar-sunday {
color: var(--jss_header_color);
}
.jss_worksheet .jcalendar-selected {
background-color: var(--jss_content_background_highlighted);
color: var(--jss_content_color_highlighted);
}
.jss_toolbar i.jss_toolbar_item {
color: var(--jss_content_color);
}
.jss_toolbar i.jss_toolbar_item:hover {
background: var(--jss_content_background_highlighted);
color: var(--jss_content_color_highlighted);
}
.jss_toolbar {
background: var(--jss_header_background);
}
.jss_content::-webkit-scrollbar-track {
background: var(--jss_background_head);
}
.jss_content::-webkit-scrollbar-thumb {
background: var(--jss_background_head_highlighted);
}
.jss_border_main {
border: 1px solid #000;
border-color: var(--jss_border_color_highlighted);
}
.jss_worksheet .highlight {
background-color: var(--jss_content_background_highlighted);
}
.jss_worksheet .highlight-bottom {
border-bottom: 1px solid var(--jss_border_color_highlighted);
}
.jss_worksheet .highlight-right {
border-right: 1px solid var(--jss_border_color_highlighted);
}
.jss_worksheet .highlight-left {
border-left: 1px solid var(--jss_border_color_highlighted);
}
.jss_worksheet .highlight-top {
border-top: 1px solid var(--jss_border_color_highlighted);
}
.jss_worksheet .copying-top {
border-top-color: var(--jss_border_color_highlighted);
}
.jss_worksheet .copying-right {
border-right-color: var(--jss_border_color_highlighted);
}
.jss_worksheet .copying-left {
border-left-color: var(--jss_border_color_highlighted);
}
.jss_worksheet .copying-bottom {
border-bottom-color: var(--jss_border_color_highlighted);
}
.jss_border_main,
.jss_worksheet .highlight-top.highlight-left,
.jss_worksheet .highlight-top,
.jss_worksheet .highlight-left {
box-shadow: unset;
}
table.jss_worksheet > thead > tr > td.selected {
background-color: var(--jss_header_background_highlighted);
color: var(--jss_header_color_highlighted);
}
// Hides about item in context menu
.jcontextmenu > div:not(.contextmenu-line):last-child {
display: none;
}
.jss_container {
min-width: 100%;
padding: 0;
.jss_content {
min-width: 100%;
padding: 0;
table.jss_worksheet {
min-width: 100%;
}
}
}