下タブバーの実装

2023-07-02 06:22:56 +00:00
parent d5ef4dff60
commit d05a0c8fa3
14 changed files with 200 additions and 19 deletions
--- a/app/javascript/styles/application.scss
+++ b/app/javascript/styles/application.scss
@@ -23,3 +23,5 @@
@import 'mastodon/dashboard';
@import 'mastodon/rtl';
@import 'mastodon/accessibility';
+
+@import 'plugin';
--- a/app/javascript/styles/plugin.scss
+++ b/app/javascript/styles/plugin.scss
@@ -0,0 +1,34 @@
+// ここから下タブバーの実装
+
+//投稿ボタン
+.columns-area__panels__main .button.bottom_right {
+  position: fixed;
+  right: 18px;
+  bottom: 65px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 64px;
+  height: 64px;
+  font-size: 24px;
+  border-radius: 50%;
+}
+
+.tab-ber-bottom .timeline{
+  width:100%;
+  height: calc(100% - 55px);
+  margin: 0 0 50px 0;
+}
+
+.tab-ber-bottom .navber{
+  width:100%;
+  bottom: 0;
+  position: fixed;
+}
+
+.tab-ber-bottom .navber .tabs-bar__wrapper{
+  bottom: 0;
+  width: 100%;
+}
+
+//ここまで下タブバーの実装