diff --git a/app/assets/stylesheets/buttons.css b/app/assets/stylesheets/buttons.css index c0acbdb1e..6a8d996cd 100644 --- a/app/assets/stylesheets/buttons.css +++ b/app/assets/stylesheets/buttons.css @@ -154,7 +154,7 @@ .btn--plain { --btn-background: transparent; - --btn-border-radius: 0.5em; + --btn-border-radius: 0; --btn-border-size: 0; --btn-color: inherit; --btn-icon-size: 100%; diff --git a/app/assets/stylesheets/terminals.css b/app/assets/stylesheets/terminals.css index be005dea7..db5b2e534 100644 --- a/app/assets/stylesheets/terminals.css +++ b/app/assets/stylesheets/terminals.css @@ -54,6 +54,13 @@ white-space: nowrap; } + .terminal__command { + --btn-background: transparent; + --btn-color: var(--color-terminal-text); + + font-weight: normal; + } + .terminal__link { --hover-size: 0; @@ -69,6 +76,15 @@ } } + .terminal__item { + @media (any-hover: hover) { + &:where(:not(:active):hover), + &:where(:not(:active)):focus-visible { + background: color-mix(in srgb, var(--color-terminal-text) 15%, var(--color-terminal-bg)); + } + } + } + .has-error .terminal__input { border: 2px solid red; } diff --git a/app/views/commands/_command.html.erb b/app/views/commands/_command.html.erb index 78f24dd56..c10b933e3 100644 --- a/app/views/commands/_command.html.erb +++ b/app/views/commands/_command.html.erb @@ -1,7 +1,7 @@ -
  • - <%= command.title %> +
  • + <% if command.undoable? %> - <%= button_to "Undo", command_undo_path(command), class: "btn btn--plain terminal__button", data: { turbo_confirm: "Are you sure you want to undo '#{command.title}'?", turbo_frame: "_top" } %> + <%= button_to "Undo", command_undo_path(command), class: "btn btn--plain terminal__button flex-item-justify-end", data: { turbo_confirm: "Are you sure you want to undo '#{command.title}'?", turbo_frame: "_top" } %> <% end %>