diff --git a/app/components/privileged-action.hbs b/app/components/privileged-action.hbs index 873b7a104ed..8a419e43141 100644 --- a/app/components/privileged-action.hbs +++ b/app/components/privileged-action.hbs @@ -1,14 +1,14 @@ {{#if this.isPrivileged}} -
+
{{yield}}
{{else if this.canBePrivileged}} {{#if (has-block 'placeholder')}} -
+
{{yield to='placeholder'}}
{{else}} -
+
{{yield}}
@@ -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}}