Bladeren bron

enhance(ux): hide positioned(right) properties for smaller container

Tienson Qin 7 maanden geleden
bovenliggende
commit
97d960a02c
1 gewijzigde bestanden met toevoegingen van 7 en 1 verwijderingen
  1. 7 1
      src/main/frontend/components/block.css

+ 7 - 1
src/main/frontend/components/block.css

@@ -69,8 +69,14 @@
 
 .block-content-or-editor-wrap {
   @apply flex flex-1 flex-row flex-wrap gap-1;
+  container-type: inline-size;
 }
 
+@container (max-width: 600px) {
+    .time-spent, .positioned-properties.block-right {
+        display: none;
+    }
+}
 .block-content-or-editor-inner {
   @apply flex flex-1 flex-col w-full pr-1;
 }
@@ -1036,7 +1042,7 @@ html.is-mac {
   height: 16px;
 }
 
-.ls-page-title .positioned-properties {
+.ls-page-title .positioned-properties, .ls-page-title .time-spent {
   margin-top: 15px;
 }