all repos — searchix @ 8efd1e2eccf9e894926a73b2800dffaf00886f7c

Search engine for NixOS, nix-darwin, home-manager and NUR users

feat: improve display on smaller screens reduce padding and margins, wrap text where necessary

Alan Pearce
commit

8efd1e2eccf9e894926a73b2800dffaf00886f7c

parent

8d118090b0c195ccfe5cec9025274cbf8314e54d

1 file changed, 30 insertions(+), 1 deletion(-)

jump to
M frontend/static/style.css → frontend/static/style.css
@@ -97,7 +97,7 @@ display: grid;
   align-items: baseline;
   grid-row-gap: 1ch;
   grid-template-rows: 1fr;
-  grid-template-columns: max-content minmax(90%, 1fr);
+  grid-template-columns: max-content 1fr;
 }
 
 pre {

@@ -211,14 +211,43 @@
 @media only screen and (max-width: 600px) {
   header > nav {
     display: unset;
+    padding: 1ch 0;
+  }
+  td,
+  th {
+    padding: 0.2rem;
   }
   .description,
   .score {
     display: none;
   }
+  dialog {
+    width: 100%;
+    padding: 1rem 1ch;
+  }
+  dialog > button {
+    float: none;
+    display: block;
+    margin-left: auto;
+  }
+  dl {
+    grid-template-columns: 1fr;
+  }
+  dd {
+    margin-inline-start: 0;
+  }
+  pre {
+    white-space: pre-wrap;
+    word-break: break-word;
+    padding: 1ch;
+  }
 }
 @media only screen and (max-width: 768px) {
+  body {
+    grid-template-columns: 1ch 1fr 1ch;
+  }
   header > nav {
+    width: auto;
     padding: 1ch;
     padding-right: 0;
   }