Tweak footer styles to be more friendly to mobile devises

yasulab · yasulab · commit 68a66175ca46 · 2023-09-22T21:25:19.000+09:00
diff --git a/app/assets/stylesheets/custom.scss b/app/assets/stylesheets/custom.scss
@@ -431,13 +431,13 @@ a {
 
 .footer-bottom {
   //margin: -.25em 0 0;
-  padding: 2em 2em;
+  padding: 2.0em 1.0em;
   color: #fff;
   background: #2275CA
 }
 
 .footer-bottom>h2 {
-  font-size: 87.5%;
+  font-size: 14.0px;
   margin-top: 0;
   margin-bottom: 2em
 }
diff --git a/app/views/shared/_footer.html.haml b/app/views/shared/_footer.html.haml
@@ -22,32 +22,30 @@
     |
     %a.footer-link{href: "https://decadojo.coderdojo.jp/"} DecaDojo
     |
-    %a.footer-link{href: "https://dojocon.coderdojo.jp/"} DojoCon Japan
+    %a.footer-link{href: "https://dojocon.coderdojo.jp/"} DojoCon
   %h2
     %a{href: "http://news.coderdojo.jp/", target: "_blank", rel: "external noopener"}
       %i.fa.fa-newspaper-o.fa-3x.fa-fw{"aria-hidden" => "true", title: "News"}
     /%a{href: "https://github.com/coderdojo-japan"} / GitHub は直後の文章でリンクがあるので省略
     / %i.fa.fa-github.fa-3x.fa-fw{"aria-hidden" => "true", :title => "GitHub"}
-    %a{href: "https://www.facebook.com/coderdojo.jp/", target: "_blank", rel: "external noopener"}
+    %a{href: "https://www.facebook.com/coderdojo.jp/"}
       %i.fa.fa-facebook.fa-3x.fa-fw{"aria-hidden" => "true", title: "Facebook"}
-    %a{href: "https://twitter.com/CoderDojoJapan", target: "_blank", rel: "external noopener"}
+    %a{href: "https://twitter.com/CoderDojoJapan"}
       %i.fa.fa-twitter.fa-3x.fa-fw{"aria-hidden" => "true", title: "Twitter"}
-    %a{href: "https://www.youtube.com/CoderDojoJapan", target: "_blank", rel: "external noopener"}
+    %a{href: "https://www.youtube.com/CoderDojoJapan"}
       %i.fa.fa-youtube.fa-3x.fa-fw{"aria-hidden" => "true", title: "YouTube"}
     %a{href: "/podcasts" }
       %i.fa.fa-podcast.fa-3x.fa-fw{"aria-hidden" => "true", title: "Podcast"}
   %p{style: "margin-bottom: 30px;"}
     本サイトのソースコードは
     %br.ignore-pc
-    %a.footer-link{href: "https://github.com/coderdojo-japan/coderdojo.jp",
-                   target: "_blank", rel: "external noopener"} GitHub
+    %a.footer-link{href: "https://github.com/coderdojo-japan/coderdojo.jp"} GitHub
     上で公開されています。
   %p{style: "font-size: 90%; color: \#DDDDDD;"}
     Copyright &copy;
     %a{href: "/about-coderdojo-japan", style: "color: \#DDDDDD; text-decoration: none;"}
       一般社団法人 CoderDojo Japan
     %br/
     新宿区高田馬場1-28-10 三慶ビル4F
-    %a{href: "https://case-shinjuku.com/", style: "color: \#DDDDDD; text-decoration: none;",
-       target: "_blank", rel: "external noopener"}
+    %a{href: "https://case-shinjuku.com/", style: "color: \#DDDDDD; text-decoration: none;"}
       ケイス新宿

Original file line number	Diff line number	Diff line change
`@@ -431,13 +431,13 @@ a {`
`431`	`431`
`432`	`432`	`.footer-bottom {`
`433`	`433`	`//margin: -.25em 0 0;`
`434`		`- padding: 2em 2em;`
	`434`	`+ padding: 2.0em 1.0em;`
`435`	`435`	`color: #fff;`
`436`	`436`	`background: #2275CA`
`437`	`437`	`}`
`438`	`438`
`439`	`439`	`.footer-bottom>h2 {`
`440`		`- font-size: 87.5%;`
	`440`	`+ font-size: 14.0px;`
`441`	`441`	`margin-top: 0;`
`442`	`442`	`margin-bottom: 2em`
`443`	`443`	`}`