+
@@ -18,7 +18,7 @@
{{/if}}
{{else}}
-
+
{{#if (has-block 'unprivileged')}}
{{yield to='unprivileged'}}
{{/if}}
diff --git a/app/components/version-list/row.hbs b/app/components/version-list/row.hbs
index e6630036423..7446250208d 100644
--- a/app/components/version-list/row.hbs
+++ b/app/components/version-list/row.hbs
@@ -117,7 +117,18 @@
{{/if}}
-
-
+
+
+
+ {{svg-jar "ellipsis-circle" local-class="icon"}}
+ Actions
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/app/components/version-list/row.module.css b/app/components/version-list/row.module.css
index c4eed5f5b48..feccb01d3a6 100644
--- a/app/components/version-list/row.module.css
+++ b/app/components/version-list/row.module.css
@@ -235,11 +235,52 @@
margin-top: var(--space-2xs);
}
-.yank-button {
- position: relative;
- margin-left: var(--space-xs);
+.actions {
+ display: flex;
+}
- @media only screen and (max-width: 550px) {
- display: none;
+.dropdown {
+ display: flex;
+ font-size: initial;
+ line-height: 1rem;
+}
+
+.icon {
+ width: 2em;
+ height: auto;
+}
+
+.trigger {
+ background: none;
+ border: none;
+ padding: 0;
+ border-radius: 99999px;
+ color: var(--grey600);
+
+ :hover {
+ border-radius: 99999px;
+ color: var(--grey900);
+ background-color: white;
+ }
+}
+
+.menu {
+ top: 100%;
+ right: 0;
+ min-width: max-content;
+}
+
+.menu-button {
+ align-items: center;
+ gap: var(--space-2xs);
+ cursor: pointer;
+ text-transform: capitalize;
+
+ /* This duplicates the styles in .button[disabled] as there's no
+ * obvious way to compose them, given the target selectors. */
+ &[disabled] {
+ background: linear-gradient(to bottom, var(--bg-color-top-light) 0%, var(--bg-color-bottom-light) 100%);
+ color: var(--disabled-text-color) !important;
+ cursor: not-allowed;
}
}
diff --git a/app/components/yank-button.hbs b/app/components/yank-button.hbs
index a6020c07665..3bdef5f4767 100644
--- a/app/components/yank-button.hbs
+++ b/app/components/yank-button.hbs
@@ -1,7 +1,6 @@
{{#if @version.yanked}}