enhance text overflow

src/main/frontend/components/container.css

@@ -689,10 +689,10 @@ html[data-theme='dark'] {
       @apply h-full;
 
       .button {
-        @apply invisible p-0 ml-2 flex items-center;
+        @apply hidden p-0 ml-2 flex items-center;
 
         &:focus {
-          @apply visible;
+          @apply flex;
         }
       }
     }
@@ -701,7 +701,7 @@ html[data-theme='dark'] {
     &:hover {
       .item-actions {
         .button {
-          @apply visible;
+          @apply flex;
         }
       }
     }

src/main/frontend/components/right_sidebar.cljs

@@ -150,7 +150,7 @@
         (if-let [icon (get-in page [:block/properties :icon])]
           [:.text-md.mr-2 icon]
           (ui/icon (if (= "whiteboard" (:block/type page)) "whiteboard" "page") {:class "text-md mr-2"}))
-        (db-model/get-page-original-name page-name)]
+        [:span.overflow-hidden.text-ellipsis (db-model/get-page-original-name page-name)]]
        (page-cp repo page-name)])
 
     :page-slide-view