mirror of
https://github.com/discourse/discourse-table-builder.git
synced 2025-07-06 07:12:14 +00:00
FIX: Linting issues with jspreadsheet-theme
This commit is contained in:
Keegan George
parent
b2dffcc910
commit
50193c9f5a
474
scss/vendor/jspreadsheet-theme.scss
vendored
474
scss/vendor/jspreadsheet-theme.scss
vendored
@ -1,237 +1,237 @@
|
|||||||
:root {
|
:root {
|
||||||
--jexcel_header_color: var(--primary-high);
|
--jexcel_header_color: var(--primary-high);
|
||||||
--jexcel_header_color_highlighted: var(--primary-high);
|
--jexcel_header_color_highlighted: var(--primary-high);
|
||||||
--jexcel_header_background: var(--primary-very-low);
|
--jexcel_header_background: var(--primary-very-low);
|
||||||
--jexcel_header_background_highlighted: var(--primary-low);
|
--jexcel_header_background_highlighted: var(--primary-low);
|
||||||
|
|
||||||
--jexcel_content_color: var(--primary);
|
--jexcel_content_color: var(--primary);
|
||||||
--jexcel_content_color_highlighted: var(--primary-high);
|
--jexcel_content_color_highlighted: var(--primary-high);
|
||||||
--jexcel_content_background: var(--secondary);
|
--jexcel_content_background: var(--secondary);
|
||||||
--jexcel_content_background_highlighted: var(--tertiary-very-low);
|
--jexcel_content_background_highlighted: var(--tertiary-very-low);
|
||||||
|
|
||||||
--jexcel_menu_background: var(--secondary);
|
--jexcel_menu_background: var(--secondary);
|
||||||
--jexcel_menu_background_highlighted: var(--secondary-very-high);
|
--jexcel_menu_background_highlighted: var(--secondary-very-high);
|
||||||
--jexcel_menu_color: var(--primary-medium);
|
--jexcel_menu_color: var(--primary-medium);
|
||||||
--jexcel_menu_color_highlighted: var(--primary);
|
--jexcel_menu_color_highlighted: var(--primary);
|
||||||
|
|
||||||
--jexcel_border_color: var(--primary-low-mid);
|
--jexcel_border_color: var(--primary-low-mid);
|
||||||
--jexcel_border_color_highlighted: var(--tertiary-high);
|
--jexcel_border_color_highlighted: var(--tertiary-high);
|
||||||
|
|
||||||
--active_color: var(--primary-very-low);
|
--active_color: var(--primary-very-low);
|
||||||
--active-color: var(--active_color);
|
--active-color: var(--active_color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel {
|
.jexcel {
|
||||||
border-bottom: 1px solid var(--jexcel_border_color);
|
border-bottom: 1px solid var(--jexcel_border_color);
|
||||||
border-right: 1px solid var(--jexcel_border_color);
|
border-right: 1px solid var(--jexcel_border_color);
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
table.jexcel {
|
table.jexcel {
|
||||||
border-bottom: 1px solid var(--jexcel_border_color);
|
border-bottom: 1px solid var(--jexcel_border_color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jcontextmenu.jexcel_contextmenu hr {
|
.jcontextmenu.jexcel_contextmenu hr {
|
||||||
border-color: var(--jexcel_border_color);
|
border-color: var(--jexcel_border_color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel_corner {
|
.jexcel_corner {
|
||||||
background-color: var(--tertiary);
|
background-color: var(--tertiary);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel > tbody > tr > td,
|
.jexcel > tbody > tr > td,
|
||||||
.jexcel > thead > tr > td {
|
.jexcel > thead > tr > td {
|
||||||
border-top: 1px solid var(--jexcel_border_color);
|
border-top: 1px solid var(--jexcel_border_color);
|
||||||
border-left: 1px solid var(--jexcel_border_color);
|
border-left: 1px solid var(--jexcel_border_color);
|
||||||
background-color: var(--jexcel_content_background);
|
background-color: var(--jexcel_content_background);
|
||||||
color: var(--jexcel_content_color);
|
color: var(--jexcel_content_color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel > tbody > tr > td:first-child,
|
.jexcel > tbody > tr > td:first-child,
|
||||||
.jexcel > thead > tr > td {
|
.jexcel > thead > tr > td {
|
||||||
background-color: var(--jexcel_header_background);
|
background-color: var(--jexcel_header_background);
|
||||||
color: var(--jexcel_header_color);
|
color: var(--jexcel_header_color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel > thead > tr > td.selected,
|
.jexcel > thead > tr > td.selected,
|
||||||
.jexcel > tbody > tr.selected > td:first-child {
|
.jexcel > tbody > tr.selected > td:first-child {
|
||||||
background-color: var(--jexcel_header_background_highlighted);
|
background-color: var(--jexcel_header_background_highlighted);
|
||||||
color: var(--jexcel_header_color_highlighted);
|
color: var(--jexcel_header_color_highlighted);
|
||||||
}
|
}
|
||||||
|
|
||||||
table.jexcel > tbody > tr > td:first-child {
|
table.jexcel > tbody > tr > td:first-child {
|
||||||
background-color: var(--jexcel_header_background);
|
background-color: var(--jexcel_header_background);
|
||||||
}
|
}
|
||||||
|
|
||||||
table.jexcel > tbody > tr.selected > td:first-child {
|
table.jexcel > tbody > tr.selected > td:first-child {
|
||||||
background-color: var(--jexcel_header_background_highlighted);
|
background-color: var(--jexcel_header_background_highlighted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel > tbody > tr > td.jexcel_cursor a {
|
.jexcel > tbody > tr > td.jexcel_cursor a {
|
||||||
color: var(--active-color);
|
color: var(--active-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel_pagination > div > div {
|
.jexcel_pagination > div > div {
|
||||||
color: var(--jexcel_header_color);
|
color: var(--jexcel_header_color);
|
||||||
background: var(--jexcel_header_background);
|
background: var(--jexcel_header_background);
|
||||||
border: 1px solid var(--jexcel_border_color);
|
border: 1px solid var(--jexcel_border_color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel_page,
|
.jexcel_page,
|
||||||
.jexcel_container input,
|
.jexcel_container input,
|
||||||
.jexcel_container select {
|
.jexcel_container select {
|
||||||
color: var(--jexcel_header_color);
|
color: var(--jexcel_header_color);
|
||||||
background: var(--jexcel_header_background);
|
background: var(--jexcel_header_background);
|
||||||
border: 1px solid var(--jexcel_border_color);
|
border: 1px solid var(--jexcel_border_color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel_contextmenu.jcontextmenu {
|
.jexcel_contextmenu.jcontextmenu {
|
||||||
border: 1px solid var(--jexcel_border_color);
|
border: 1px solid var(--jexcel_border_color);
|
||||||
background: var(--jexcel_menu_background);
|
background: var(--jexcel_menu_background);
|
||||||
color: var(--jexcel_menu_color);
|
color: var(--jexcel_menu_color);
|
||||||
box-shadow: 0 12px 12px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 12px 12px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jcontextmenu > div a {
|
.jcontextmenu > div a {
|
||||||
color: var(--jexcel_menu_color);
|
color: var(--jexcel_menu_color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jcontextmenu > div:not(.contextmenu-line):hover a {
|
.jcontextmenu > div:not(.contextmenu-line):hover a {
|
||||||
color: var(--jexcel_menu_color_highlighted);
|
color: var(--jexcel_menu_color_highlighted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jcontextmenu > div:not(.contextmenu-line):hover {
|
.jcontextmenu > div:not(.contextmenu-line):hover {
|
||||||
background: var(--jexcel_menu_background_highlighted);
|
background: var(--jexcel_menu_background_highlighted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel_dropdown .jdropdown-container,
|
.jexcel_dropdown .jdropdown-container,
|
||||||
.jexcel_dropdown .jdropdown-content {
|
.jexcel_dropdown .jdropdown-content {
|
||||||
background-color: var(--jexcel_content_background);
|
background-color: var(--jexcel_content_background);
|
||||||
color: var(--jexcel_content_color);
|
color: var(--jexcel_content_color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel_dropdown .jdropdown-item {
|
.jexcel_dropdown .jdropdown-item {
|
||||||
color: var(--jexcel_content_color);
|
color: var(--jexcel_content_color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel_dropdown .jdropdown-item:hover,
|
.jexcel_dropdown .jdropdown-item:hover,
|
||||||
.jexcel_dropdown .jdropdown-selected,
|
.jexcel_dropdown .jdropdown-selected,
|
||||||
.jexcel_dropdown .jdropdown-cursor {
|
.jexcel_dropdown .jdropdown-cursor {
|
||||||
background-color: var(--jexcel_content_background_highlighted);
|
background-color: var(--jexcel_content_background_highlighted);
|
||||||
color: var(--jexcel_content_color_highlighted);
|
color: var(--jexcel_content_color_highlighted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel .jcalendar-content {
|
.jexcel .jcalendar-content {
|
||||||
background-color: var(--jexcel_header_background);
|
background-color: var(--jexcel_header_background);
|
||||||
color: var(--jexcel_header_color);
|
color: var(--jexcel_header_color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel .jcalendar-content > table {
|
.jexcel .jcalendar-content > table {
|
||||||
background-color: var(--jexcel_content_background);
|
background-color: var(--jexcel_content_background);
|
||||||
color: var(--jexcel_content_color);
|
color: var(--jexcel_content_color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel .jcalendar-weekday {
|
.jexcel .jcalendar-weekday {
|
||||||
background-color: var(--jexcel_content_background_highlighted);
|
background-color: var(--jexcel_content_background_highlighted);
|
||||||
color: var(--jexcel_content_color_highlighted);
|
color: var(--jexcel_content_color_highlighted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel .jcalendar-sunday {
|
.jexcel .jcalendar-sunday {
|
||||||
color: var(--jexcel_header_color);
|
color: var(--jexcel_header_color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel .jcalendar-selected {
|
.jexcel .jcalendar-selected {
|
||||||
background-color: var(--jexcel_content_background_highlighted);
|
background-color: var(--jexcel_content_background_highlighted);
|
||||||
color: var(--jexcel_content_color_highlighted);
|
color: var(--jexcel_content_color_highlighted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel_toolbar i.jexcel_toolbar_item {
|
.jexcel_toolbar i.jexcel_toolbar_item {
|
||||||
color: var(--jexcel_content_color);
|
color: var(--jexcel_content_color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel_toolbar i.jexcel_toolbar_item:hover {
|
.jexcel_toolbar i.jexcel_toolbar_item:hover {
|
||||||
background: var(--jexcel_content_background_highlighted);
|
background: var(--jexcel_content_background_highlighted);
|
||||||
color: var(--jexcel_content_color_highlighted);
|
color: var(--jexcel_content_color_highlighted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel_toolbar {
|
.jexcel_toolbar {
|
||||||
background: var(--jexcel_header_background);
|
background: var(--jexcel_header_background);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel_content::-webkit-scrollbar-track {
|
.jexcel_content::-webkit-scrollbar-track {
|
||||||
background: var(--jexcel_background_head);
|
background: var(--jexcel_background_head);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel_content::-webkit-scrollbar-thumb {
|
.jexcel_content::-webkit-scrollbar-thumb {
|
||||||
background: var(--jexcel_background_head_highlighted);
|
background: var(--jexcel_background_head_highlighted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel_border_main {
|
.jexcel_border_main {
|
||||||
border: 1px solid #000;
|
border: 1px solid #000;
|
||||||
border-color: var(--jexcel_border_color_highlighted);
|
border-color: var(--jexcel_border_color_highlighted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel .highlight {
|
.jexcel .highlight {
|
||||||
background-color: var(--jexcel_content_background_highlighted);
|
background-color: var(--jexcel_content_background_highlighted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.jexcel .highlight-bottom {
|
.jexcel .highlight-bottom {
|
||||||
border-bottom: 1.5px solid var(--jexcel_border_color_highlighted);
|
border-bottom: 1.5px solid var(--jexcel_border_color_highlighted);
|
||||||
}
|
}
|
||||||
.jexcel .highlight-right {
|
.jexcel .highlight-right {
|
||||||
border-right: 1.5px solid var(--jexcel_border_color_highlighted);
|
border-right: 1.5px solid var(--jexcel_border_color_highlighted);
|
||||||
}
|
}
|
||||||
.jexcel .highlight-left {
|
.jexcel .highlight-left {
|
||||||
border-left: 1.5px solid var(--jexcel_border_color_highlighted);
|
border-left: 1.5px solid var(--jexcel_border_color_highlighted);
|
||||||
}
|
}
|
||||||
.jexcel .highlight-top {
|
.jexcel .highlight-top {
|
||||||
border-top: 1.5px solid var(--jexcel_border_color_highlighted);
|
border-top: 1.5px solid var(--jexcel_border_color_highlighted);
|
||||||
}
|
}
|
||||||
.jexcel .copying-top {
|
.jexcel .copying-top {
|
||||||
border-top-color: var(--jexcel_border_color_highlighted);
|
border-top-color: var(--jexcel_border_color_highlighted);
|
||||||
}
|
}
|
||||||
.jexcel .copying-right {
|
.jexcel .copying-right {
|
||||||
border-right-color: var(--jexcel_border_color_highlighted);
|
border-right-color: var(--jexcel_border_color_highlighted);
|
||||||
}
|
}
|
||||||
.jexcel .copying-left {
|
.jexcel .copying-left {
|
||||||
border-left-color: var(--jexcel_border_color_highlighted);
|
border-left-color: var(--jexcel_border_color_highlighted);
|
||||||
}
|
}
|
||||||
.jexcel .copying-bottom {
|
.jexcel .copying-bottom {
|
||||||
border-bottom-color: var(--jexcel_border_color_highlighted);
|
border-bottom-color: var(--jexcel_border_color_highlighted);
|
||||||
}
|
}
|
||||||
.jexcel_border_main,
|
.jexcel_border_main,
|
||||||
.jexcel .highlight-top.highlight-left,
|
.jexcel .highlight-top.highlight-left,
|
||||||
.jexcel .highlight-top,
|
.jexcel .highlight-top,
|
||||||
.jexcel .highlight-left {
|
.jexcel .highlight-left {
|
||||||
-webkit-box-shadow: unset;
|
-webkit-box-shadow: unset;
|
||||||
box-shadow: unset;
|
box-shadow: unset;
|
||||||
}
|
}
|
||||||
|
|
||||||
table.jexcel > thead > tr > td {
|
table.jexcel > thead > tr > td {
|
||||||
border-top: 1px solid var(--jexcel_border_color);
|
border-top: 1px solid var(--jexcel_border_color);
|
||||||
border-right: 1px solid var(--jexcel_border_color);
|
border-right: 1px solid var(--jexcel_border_color);
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
background-color: var(--jexcel_header_background);
|
background-color: var(--jexcel_header_background);
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
border-left: 1px solid var(--jexcel_border_color);
|
border-left: 1px solid var(--jexcel_border_color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
table.jexcel > thead > tr > td.selected {
|
table.jexcel > thead > tr > td.selected {
|
||||||
background-color: var(--jexcel_header_background_highlighted);
|
background-color: var(--jexcel_header_background_highlighted);
|
||||||
color: var(--jexcel_header_color_highlighted);
|
color: var(--jexcel_header_color_highlighted);
|
||||||
}
|
}
|
||||||
|
|
||||||
table.jexcel > tbody > tr > td {
|
table.jexcel > tbody > tr > td {
|
||||||
border-right: 1px solid var(--jexcel_border_color);
|
border-right: 1px solid var(--jexcel_border_color);
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
border-left: 1px solid var(--jexcel_border_color);
|
border-left: 1px solid var(--jexcel_border_color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Hides about item in context menu
|
// Hides about item in context menu
|
||||||
.jcontextmenu > div:not(.contextmenu-line):last-child {
|
.jcontextmenu > div:not(.contextmenu-line):last-child {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user