diff default/node_modules/tablesaw/src/tables.columntoggle.css @ 0:1d038bc9b3d2 default tip

Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/default/node_modules/tablesaw/src/tables.columntoggle.css	Sat May 31 09:21:51 2025 +0800
@@ -0,0 +1,156 @@
+/*
+ Styles for the table columntoggle mode
+*/
+
+.tablesaw-overflow {
+	position: relative;
+	width: 100%;
+	overflow-x: auto;
+	-webkit-overflow-scrolling: touch;
+	/* More in skin.css */
+}
+.tablesaw-overflow > .tablesaw {
+	margin-top: 2px; /* sortable focus rings are clipped */
+}
+
+/* Used for a11y text on button: "Columns" */
+.tablesaw-columntoggle-btn span {
+	text-indent: -9999px;
+	display: inline-block;
+}
+
+.tablesaw-columntoggle-btnwrap {
+	position: relative; /* for dialog positioning */
+}
+.tablesaw-columntoggle-btnwrap .dialog-content {
+	padding: .5em;
+}
+.tablesaw-columntoggle tbody td {
+	line-height: 1.5;
+}
+
+
+/* Remove top/bottom margins around the fieldcontain on check list */
+.tablesaw-columntoggle-popup {
+	display: none;
+}
+.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
+	display: block;
+	position: absolute;
+	top: 2em;
+	right: 0;
+	background-color: #fff;
+	padding: .5em .8em;
+	border: 1px solid #ccc;
+	box-shadow: 0 1px 2px #ccc;
+	border-radius: .2em;
+	z-index: 1;
+}
+.tablesaw-columntoggle-popup fieldset {
+	margin:0;
+}
+
+/* Hide all prioritized columns by default */
+@media only all {
+	.tablesaw-columntoggle th.tablesaw-priority-6,
+	.tablesaw-columntoggle td.tablesaw-priority-6,
+	.tablesaw-columntoggle th.tablesaw-priority-5,
+	.tablesaw-columntoggle td.tablesaw-priority-5,
+	.tablesaw-columntoggle th.tablesaw-priority-4,
+	.tablesaw-columntoggle td.tablesaw-priority-4,
+	.tablesaw-columntoggle th.tablesaw-priority-3,
+	.tablesaw-columntoggle td.tablesaw-priority-3,
+	.tablesaw-columntoggle th.tablesaw-priority-2,
+	.tablesaw-columntoggle td.tablesaw-priority-2,
+	.tablesaw-columntoggle th.tablesaw-priority-1,
+	.tablesaw-columntoggle td.tablesaw-priority-1,
+	.tablesaw-columntoggle th.tablesaw-priority-0,
+	.tablesaw-columntoggle td.tablesaw-priority-0 {
+		display: none;
+	}
+}
+
+.tablesaw-columntoggle-btnwrap .dialog-content {
+	top: 0 !important;
+	right: 1em;
+	left: auto !important;
+	width: 12em;
+	max-width: 18em;
+	margin: -.5em auto 0;
+}
+.tablesaw-columntoggle-btnwrap .dialog-content:focus {
+	outline-style: none;
+}
+
+/* Preset breakpoints if "" class added to table */
+
+/* Show priority 1 at 320px (20em x 16px) */
+@media (min-width: 20em) {
+	.tablesaw-columntoggle th.tablesaw-priority-1,
+	.tablesaw-columntoggle td.tablesaw-priority-1 {
+		display: table-cell;
+	}
+}
+/* Show priority 2 at 480px (30em x 16px) */
+@media (min-width: 30em) {
+	.tablesaw-columntoggle th.tablesaw-priority-2,
+	.tablesaw-columntoggle td.tablesaw-priority-2 {
+		display: table-cell;
+	}
+}
+/* Show priority 3 at 640px (40em x 16px) */
+@media (min-width: 40em) {
+	.tablesaw-columntoggle th.tablesaw-priority-3,
+	.tablesaw-columntoggle td.tablesaw-priority-3 {
+		display: table-cell;
+	}
+
+	.tablesaw-columntoggle tbody td {
+		line-height: 2;
+	}
+}
+/* Show priority 4 at 800px (50em x 16px) */
+@media (min-width: 50em) {
+	.tablesaw-columntoggle th.tablesaw-priority-4,
+	.tablesaw-columntoggle td.tablesaw-priority-4 {
+		display: table-cell;
+	}
+}
+/* Show priority 5 at 960px (60em x 16px) */
+@media (min-width: 60em) {
+	.tablesaw-columntoggle th.tablesaw-priority-5,
+	.tablesaw-columntoggle td.tablesaw-priority-5 {
+		display: table-cell;
+	}
+}
+/* Show priority 6 at 1,120px (70em x 16px) */
+@media (min-width: 70em) {
+	.tablesaw-columntoggle th.tablesaw-priority-6,
+	.tablesaw-columntoggle td.tablesaw-priority-6 {
+		display: table-cell;
+	}
+}
+
+@media only all {
+	/* Unchecked manually: Always hide */
+	.tablesaw-columntoggle th.tablesaw-toggle-cellhidden,
+	.tablesaw-columntoggle td.tablesaw-toggle-cellhidden {
+		display: none;
+	}
+
+	/* Checked manually: Always show */
+	.tablesaw-columntoggle th.tablesaw-toggle-cellvisible,
+	.tablesaw-columntoggle td.tablesaw-toggle-cellvisible {
+		display: table-cell;
+	}
+}
+
+.tablesaw-columntoggle-popup .btn-group > label {
+	display: block;
+	padding: .2em 0;
+	white-space: nowrap;
+	cursor: default;
+}
+.tablesaw-columntoggle-popup .btn-group > label input {
+	margin-right: .8em;
+}
\ No newline at end of file