add compact theme with floated action bar

noellabo · Sep 2, 2018 · f2490fb · f2490fb
1 parent aa515ea
commit f2490fb
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 0 deletions.
diff --git a/app/javascript/styles/compact.scss b/app/javascript/styles/compact.scss
@@ -0,0 +1,2 @@
+@import 'application';
+@import 'compact/diff';
diff --git a/app/javascript/styles/compact/diff.scss b/app/javascript/styles/compact/diff.scss
@@ -0,0 +1,17 @@
+// compact.scss
+.status__action-bar {
+  position: absolute;
+  opacity: 0;
+  bottom: -1px;
+  left: 0;
+  right: 0;
+  justify-content: center;
+  max-height: 2px;
+  padding-top: 2px;
+  &:hover {
+    opacity: 0.9;
+    background-color: black;
+    max-height: 26px;
+    z-index: 2;
+  }
+}
diff --git a/config/locales/en.yml b/config/locales/en.yml
@@ -868,6 +868,7 @@ en:
     contrast: High contrast
     default: Mastodon
     mastodon-light: Mastodon (light)
+    compact: Compact
   time:
     formats:
       default: "%b %d, %Y, %H:%M"

diff --git a/config/locales/ja.yml b/config/locales/ja.yml
@@ -861,6 +861,7 @@ ja:
     contrast: ハイコントラスト
     default: Mastodon
     mastodon-light: Mastodon (ライト)
+    compact: コンパクト
   time:
     formats:
       default: "%Y年%m月%d日 %H:%M"

diff --git a/config/themes.yml b/config/themes.yml
@@ -1,3 +1,4 @@
 default: styles/application.scss
 contrast: styles/contrast.scss
 mastodon-light: styles/mastodon-light.scss
+compact: styles/compact.scss