Make snapshot toolbar responsive

4 years ago · b0b1a9687a
parent e65dcdc766
commit b0b1a9687a
1 changed files with 11 additions and 0 deletions
--- a/customize.dist/src/less2/include/toolbar.less
+++ b/customize.dist/src/less2/include/toolbar.less
@ -914,10 +914,21 @@
        align-items: center;
        justify-content: space-between;
        .cp-toolbar-snapshots-info {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            flex: 1;
+            min-width: 0;
            i {
                width: 30px;
            }
        }
+        @media screen and (max-width: @browser_media-medium-screen) {
+            flex-flow: column;
+            .cp-toolbar-snapshots-info {
+                max-width: 100%;
+            }
+        }
        .cp-toolbar-snapshots-actions {
            button {
                margin: 0 5px;