From f1e027de7b4dd060fb01437ca255d422b5073a8f Mon Sep 17 00:00:00 2001 From: noellabo 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 000000000..3569be333 --- /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 a79d36f16..8141a9c8f 100644 --- a/config/locales/en.yml +++ b/config/locales/en.yml @@ -1537,6 +1537,7 @@ en: instance-ticker-type-3-light: Mastodon instance ticker Type-3 (Light / Favicon Images(Black Back) Style) instance-ticker-type-3: Mastodon instance ticker Type-3 (Dark / Favicon Images(Black back) Style) 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 8ab36c34f..d39ebe87e 100644 --- a/config/locales/ja.yml +++ b/config/locales/ja.yml @@ -1440,6 +1440,7 @@ ja: instance-ticker-type-3-light: Mastodon instance ticker Type-3 (ライト / Favicon Images(Black Back)) instance-ticker-type-3: Mastodon instance ticker Type-3 (ダーク / Favicon Images(Black Back)) 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 356e888a6..531554426 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