mobile table styles

conestack · Aug 12, 2024 · b1ace01 · b1ace01
1 parent cbf52bd
commit b1ace01
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 4 deletions.
diff --git a/scss/styles.scss b/scss/styles.scss
@@ -378,4 +378,18 @@ tr.selectable td {
         margin-top: 1.5rem;
         width: 200px;
     }
+}
+
+// contents table
+#contents_table > thead > tr > th > div {
+    display: flex;
+    flex-wrap: nowrap;
+}
+#contents > div.card-body div.row {
+    gap: 0.5rem 0;
+
+    > div {
+        flex: 1 0 auto;
+        flex-wrap: nowrap;
+    }
 }
diff --git a/src/cone/app/browser/static/cone/cone.app.css b/src/cone/app/browser/static/cone/cone.app.css
@@ -379,3 +379,16 @@ tr.selectable td {
   margin-top: 1.5rem;
   width: 200px;
 }
+
+#contents_table > thead > tr > th > div {
+  display: flex;
+  flex-wrap: nowrap;
+}
+
+#contents > div.card-body div.row {
+  gap: 0.5rem 0;
+}
+#contents > div.card-body div.row > div {
+  flex: 1 0 auto;
+  flex-wrap: nowrap;
+}
diff --git a/src/cone/app/browser/static/cone/cone.app.min.css b/src/cone/app/browser/static/cone/cone.app.min.css
diff --git a/src/cone/app/browser/templates/contextmenu.pt b/src/cone/app/browser/templates/contextmenu.pt
@@ -11,7 +11,7 @@
        tal:condition="toolbars">
 
     <div class="container-fluid p-0">
-      <ul class="navbar-nav">
+      <ul class="navbar-nav flex-wrap">
         <tal:toolbars repeat="toolbar toolbars">
           <tal:toolbar replace="structure toolbar" />
         </tal:toolbars>

diff --git a/src/cone/app/browser/templates/table.pt b/src/cone/app/browser/templates/table.pt
@@ -79,8 +79,8 @@
 
     </div>
 
-    <div class="card-body py-0">
-    <table class="table table-striped mb-1"
+    <div class="card-body py-0 scrollable-x scrollbar-top">
+    <table class="table table-striped mb-1 scrollable-content"
            id="${context.table_id}_table">
 
       <thead>