From 1a4f50921559d2edae012c16ffe1980498d52a42 Mon Sep 17 00:00:00 2001 From: noellabo <noel.yoshiba@gmail.com> Date: Tue, 24 Dec 2019 23:49:52 +0900 Subject: [PATCH] Add mobile small theme --- app/javascript/styles/mobile-small.scss | 24 ++++++++++++++++++++++++ config/locales/en.yml | 1 + config/locales/ja.yml | 1 + config/themes.yml | 1 + 4 files changed, 27 insertions(+) create mode 100644 app/javascript/styles/mobile-small.scss diff --git a/app/javascript/styles/mobile-small.scss b/app/javascript/styles/mobile-small.scss new file mode 100644 index 0000000000..3569be3339 --- /dev/null +++ b/app/javascript/styles/mobile-small.scss @@ -0,0 +1,24 @@ +@import 'application'; + +.columns-area--mobile { + .status { + &__content { + font-size: 13px; + line-height: 16px; + } + &__prepend { + font-size: 13px; + } + } + .display-name { + font-size: 13px; + &__account { + font-size: 13px; + } + } + .notification { + &__message { + font-size: 13px; + } + } +} diff --git a/config/locales/en.yml b/config/locales/en.yml index 835034b192..7ab08c21bf 100644 --- a/config/locales/en.yml +++ b/config/locales/en.yml @@ -1257,6 +1257,7 @@ en: instance-ticker-type-2-light: Mastodon (Light / Instance Ticker Type-2 favicon v2) instance-ticker-type-2: Mastodon (Dark / Instance Ticker Type-2 favicon v2) mastodon-light: Mastodon (Light) + mobile-small: Mobile Small / Mastodon (Dark) time: formats: default: "%b %d, %Y, %H:%M" diff --git a/config/locales/ja.yml b/config/locales/ja.yml index adbb6c2705..f34f60a759 100644 --- a/config/locales/ja.yml +++ b/config/locales/ja.yml @@ -1221,6 +1221,7 @@ ja: instance-ticker-type-2-light: Mastodon (ライト / インスタンス・ティッカー Type-2 Favicon v2) instance-ticker-type-2: Mastodon (ダーク / インスタンス・ティッカー Type-2 Favicon v2) mastodon-light: Mastodon (ライト) + mobile-small: Mobile å° / Mastodon (ダーク) time: formats: default: "%Yå¹´%m月%dæ—¥ %H:%M" diff --git a/config/themes.yml b/config/themes.yml index 3b1f97cab3..f0722df6a3 100644 --- a/config/themes.yml +++ b/config/themes.yml @@ -1,6 +1,7 @@ default: styles/application.scss contrast: styles/contrast.scss mastodon-light: styles/mastodon-light.scss +mobile-small: styles/mobile-small.scss instance-ticker-type-0: styles/instance-ticker-type-0.scss instance-ticker-type-1: styles/instance-ticker-type-1.scss instance-ticker-type-2: styles/instance-ticker-type-2.scss -- GitLab