diff --git a/assets/css/styles.scss b/assets/css/styles.scss index 2df537e55..5e374d5bc 100644 --- a/assets/css/styles.scss +++ b/assets/css/styles.scss @@ -348,6 +348,10 @@ h3 { } &.popover { + .wrapper { + min-height: auto; + } + .popover-inner { background: $bgcolor; color: $fgcolor; @@ -616,6 +620,10 @@ ol li { display: flex; } +.hide-on-large-screen { + display: none; +} + @media (max-width: $responsiveWidth) { ul, @@ -632,6 +640,10 @@ ol li { display: none; } + .hide-on-large-screen { + display: inline-flex; + } + .show-on-small-screen { display: inline-flex; } diff --git a/components/collections/collection.vue b/components/collections/collection.vue index 8778ff895..34652dbe6 100644 --- a/components/collections/collection.vue +++ b/components/collections/collection.vue @@ -9,7 +9,7 @@ {{ collection.name }} -
+
+ + + +
diff --git a/components/collections/folder.vue b/components/collections/folder.vue index 18c791edc..0aeea9aae 100644 --- a/components/collections/folder.vue +++ b/components/collections/folder.vue @@ -9,7 +9,7 @@ {{ folder.name }}
-
+
@@ -17,6 +17,25 @@ edit
+ + + +
diff --git a/components/collections/request.vue b/components/collections/request.vue index 22a9c51e9..59b8cae33 100644 --- a/components/collections/request.vue +++ b/components/collections/request.vue @@ -6,7 +6,7 @@ {{ request.name }}
-
+
@@ -18,6 +18,29 @@ edit
+ + + +
diff --git a/layouts/default.vue b/layouts/default.vue index 24002f1b2..8819ed2da 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -41,6 +41,7 @@ href="https://opencollective.com/postwoman" target="_blank" rel="noopener" + v-close-popover >