Truncate without break-killing

2020-01-30 14:27:17 +01:00
parent d7b3d2b368
commit d677cedd02
1 changed files with 13 additions and 1 deletions
--- a/src/ui/Wines.vue
+++ b/src/ui/Wines.vue
@@ -111,11 +111,23 @@ ol {
  overflow: hidden;

  &:hover {
-    max-width: initial;
+    line-break: unset;
+    word-break: break-word;
+    white-space: normal;
+    overflow: auto;
+    text-overflow: unset;
  }

  @include mobile {
    max-width: calc(75vw - 177px);
+
+    &:focus {
+      line-break: unset;
+      word-break: break-word;
+      white-space: normal;
+      overflow: auto;
+      text-overflow: unset;
+    }
  }
 }
 </style>