diff --git a/app/javascript/flavours/glitch/styles/admin.scss b/app/javascript/flavours/glitch/styles/admin.scss index f06cef07ed..69d6150865 100644 --- a/app/javascript/flavours/glitch/styles/admin.scss +++ b/app/javascript/flavours/glitch/styles/admin.scss @@ -488,6 +488,14 @@ body, } } +kbd { + font-family: Courier, monospace; + background-color: color.change($ui-secondary-color, $alpha: 0.1); + padding: 4px; + padding-bottom: 2px; + border-radius: 5px; +} + .filters { display: flex; flex-wrap: wrap; diff --git a/app/javascript/flavours/glitch/styles/forms.scss b/app/javascript/flavours/glitch/styles/forms.scss index aad79c9876..3927f3f04b 100644 --- a/app/javascript/flavours/glitch/styles/forms.scss +++ b/app/javascript/flavours/glitch/styles/forms.scss @@ -755,6 +755,12 @@ code { display: none; } + &.hidden-on-touch-devices { + @media screen and (pointer: coarse) { + display: none; + } + } + a { display: inline-block; color: $darker-text-color; diff --git a/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss b/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss index 14acf40f22..5807723fa2 100644 --- a/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss +++ b/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss @@ -585,3 +585,7 @@ a.sparkline { opacity: 0.25; } } + +kbd { + background-color: color.change($ui-highlight-color, $alpha: 0.1); +}