laradb

git clone git://bebou.netlib.re/laradb
Log | Files | Refs |

commit d8ceba115390242e956765e5b54760cd4374820f
parent 6c7f2bbd5b1887657c30fd92f3445e1e0c62ad9c
Auteurice: martlem <contact@martinlemaire.fr>
Date:   Thu, 14 Nov 2024 16:47:44 +0100

ellipsis (...) + sort ▲▼ + line-height + .show{border:none}

Diffstat:
M
src/static/script.js
 | 
1
-
M
src/static/style.css
 | 
21
+++++++++++++++------
M
src/table.sh
 | 
10
+++++-----

3 files changed, 20 insertions(+), 12 deletions(-)
diff --git a/src/static/script.js b/src/static/script.js
@@ -238,4 +238,3 @@ switch (path) {
 
   default:
     break;
-}
diff --git a/src/static/style.css b/src/static/style.css
@@ -7,7 +7,7 @@
    	--corps:1rem;
    	--corps-L:2rem;
    	--indent:2rem;
-   	--interligne:1.2rem;
+   	--interligne:1.4rem;
     --marker-size:.5rem;
    	--largeur-bordure-cellule:1px;
    	--largeur:16px;
@@ -60,7 +60,7 @@ thead td{text-align:left}
 #TABLEAU tr.show {height:auto}
 #TABLEAU tr td{width:calc(var(--largeur) * 10)}
 #TABLEAU tr td.numeros{width:calc(var(--largeur) * 4)}
-#TABLEAU tr td:first-of-type{width:min(calc(var(--largeur) * 30), 100vw); position:sticky;margin-left:calc(var(--indent) * -1);left:0;top:0; z-index:1000; border-right:1px solid var(--noir)}
+#TABLEAU tr td:first-of-type{width:min(calc(var(--largeur) * 30), 100vw); position:sticky;margin-left:calc(var(--indent) * -1);left:0;top:0; z-index:1000; border-right:1px solid var(--noir); max-width:50vw;}
 #TABLEAU tr {margin-left:min(0, calc(var(--largeur) * 30), 100vw); position:relative}
 #TABLEAU td.start-date, #TABLEAU td.end-date{width:11ch; content:attr('data-date')}
 #TABLEAU td.number-of-issues {width:5ch}
@@ -69,17 +69,23 @@ display:grid;
 max-width:100vw;
 overflow:scroll;
 position:relative;
-height:calc(100vh - var(--interligne) * 3);
+bottom:0;
+height:calc(100vh - var(--interligne) * 4);
 }
 
 #TABLEAU td.start-date {margin-left:4ch;}
 #TABLEAU tr.show {display:flex;flex-direction:column;flex-wrap:wrap;position:sticky;left:0; width:100vw}
+#TABLEAU tbody tr td { text-overflow: " (…)";  white-space: nowrap;
+    overflow: hidden;}
 
+#TABLEAU tr.show td:first-of-type{
+    border-right:none;
+}
 #TABLEAU tr.show td:not(:first-of-type){
     margin-left:var(--indent);
     width:min(100%, 960px) !important;
     border-left:none;
-    border-top:1px solid black
+    /*border-top:1px solid black*/
 }
 tr:not(.show) td.start-date, tr:not(.show) td.end-date, tr:not(.show) td.number-of-issues {text-align:right}
 
@@ -219,14 +225,14 @@ top:calc(var(--interligne) / 1);
 }
 #vertical-bar{
 pointer-events:none;
-    position:fixed;
+position:fixed;
 bottom:0;
 height:calc(100vh);
 border-left:1px solid var(--noir);
 z-index:0;
 }
 #TIMELINE tbody tr, #TABLEAU tbody tr{border-bottom:1px solid transparent;border-top:1px solid transparent}
-#TIMELINE tbody tr:hover, #TABLEAU tr:not(:first-of-type):hover, #TABLEAU tbody tr:hover{
+#TIMELINE tbody tr:hover, #TABLEAU tr:not(first-of-type):hover, #TABLEAU tbody tr:hover{
 	border-bottom:1px solid var(--noir) !important;
 	border-top:1px solid var(--noir) !important
 }
@@ -278,3 +284,6 @@ footer p {margin:0}
 	margin:0 var(--indent)
 }
 #TIMELINE {overflow-x:hidden}
+.asc::after {content: "â–²"}
+.desc::after {content: "â–¼"}
+.asc::after,.desc::after {display:inline-block;font-size:calc(var(--corps) * .6);transform:translate(5px, calc(var(--corps) * -.15))}
diff --git a/src/table.sh b/src/table.sh
@@ -58,7 +58,7 @@ $(while IFS= read -r line; do
 	        <td onclick="sortTable(1)" class="title">$(entree 2)</td>
 	        <td onclick="sortTable(2)" class="start-date">$(entree 5)</td>
 	        <td onclick="sortTable(3)" class="end-date">$(entree 6)</td>
-	        <td onclick="sortTable(4)" class="number-of-issues"><!--$(entree 7)-->#</td>
+	        <td onclick="sortTable(4)" class="number-of-issues"><!--$(entree 7)-->â„–</td>
 	        <td onclick="sortTable(5)" class="city">$(entree 9)</td>
 	        <td onclick="sortTable(6)" class="country">$(entree 10)</td>
 	        <td onclick="sortTable(7)" class="language">$(entree 11)</td>
@@ -67,9 +67,9 @@ $(while IFS= read -r line; do
 	        <td onclick="sortTable(10)" class="format">$(entree 8)</td>
 	        <td onclick="sortTable(11)" class="frequency">$(entree 4)</td>
 	        <td onclick="sortTable(12)" class="creators">$(entree 14)</td>
-	        <td onclick="sortTable(13)" class="editor-in-chief">$(entree 12)</td>
+	        <td onclick="sortTable(13)" class="editor-in-chief">$(entree 13)</td>
 	        <td onclick="sortTable(14)" class="publisher">$(entree 17)</td>
-	        <td onclick="sortTable(15)" class="sources">$(entree 13)</td>
+	        <td onclick="sortTable(15)" class="sources">$(entree 12)</td>
 	        <td onclick="sortTable(16)" class="related-works">$(entree 15)</td>
 	        <td onclick="sortTable(17)" class="comments">$(entree 16)</td>
 	        </tr>
@@ -92,9 +92,9 @@ ENTETE
 	        <td class="format">$(entree 8)</td>
 	        <td class="frequency">$(entree 4 | unsure)</td>
 	        <td class="creators">$(entree 14)</td>
-	        <td class="editor-in-chief">$(entree 12)</td>
+	        <td class="editor-in-chief">$(entree 13)</td>
 	        <td class="publisher">$(entree 17)</td>
-	        <td class="sources">$(entree 13)</td>
+	        <td class="sources">$(entree 12)</td>
 	        <td class="related-works">$(entree 15)</td>
 	        <td class="comments">$(entree 16)</td>
 	    </tr>