fix fsfbar overflow and align
[ryf-theme.git] / templates / html.html.twig
index 3663695..e84ec32 100644 (file)
@@ -79,7 +79,7 @@
        <li><a href="https://www.fsf.org/community/">community</a> </li>
        <li><a href="https://forum.members.fsf.org">forum</a> </li>
        <li><a href="https://shop.fsf.org">shop</a> </li>
        <li><a href="https://www.fsf.org/community/">community</a> </li>
        <li><a href="https://forum.members.fsf.org">forum</a> </li>
        <li><a href="https://shop.fsf.org">shop</a> </li>
-       <li><a href="https://my.fsf.org/civicrm/member-dashboard" id="fsf-bar-login">login</a> </li>
+       <li><a href="https://my.fsf.org" id="fsf-bar-login">donate</a> </li>
      </ul>
     </nav>
   </div><!-- .fsf-bar-content -->
      </ul>
     </nav>
   </div><!-- .fsf-bar-content -->
 <style type="text/css" media="all">
 #fsf-bar { background:#800000; box-sizing:content-box; display:flex; overflow: hidden; flex-direction:column-reverse; align-items:center;}
 #fsf-bar * { margin:0; padding:0; font: 15px sans-serif; text-decoration: none; color: #FFF; vertical-align:baseline; }
 <style type="text/css" media="all">
 #fsf-bar { background:#800000; box-sizing:content-box; display:flex; overflow: hidden; flex-direction:column-reverse; align-items:center;}
 #fsf-bar * { margin:0; padding:0; font: 15px sans-serif; text-decoration: none; color: #FFF; vertical-align:baseline; }
-#fsf-bar ul{ list-style:none; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; width: auto; max-width: none; }
+#fsf-bar-menu { overflow:hidden; width: 100%; }
+#fsf-bar ul { height:40px; overflow:auto; margin:0px; list-style:none; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; width:auto; max-width:none; }
 #fsf-bar li{ display: list-item; padding: 0 10px; } #fsf-bar a:hover { color: #DDD; text-decoration: underline; }  #fsf-bar #fsf-bar-login { color: #edd400; padding: 0 15px; font-style: italic; }
 #fsf-bar .fsf-bar-icon{ background: url("https://static.fsf.org/nosvn/logos/FSF_logo_white_small_text.svg") no-repeat; background-size:200px; text-indent: -1000px; overflow: hidden; display: block; height:25px; padding-right: 60px;}
 #fsf-bar .fsf-bar-content{height:30px;width:95%;max-width:1150px;padding:0;margin:0 auto;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;}
 #fsf-bar li{ display: list-item; padding: 0 10px; } #fsf-bar a:hover { color: #DDD; text-decoration: underline; }  #fsf-bar #fsf-bar-login { color: #edd400; padding: 0 15px; font-style: italic; }
 #fsf-bar .fsf-bar-icon{ background: url("https://static.fsf.org/nosvn/logos/FSF_logo_white_small_text.svg") no-repeat; background-size:200px; text-indent: -1000px; overflow: hidden; display: block; height:25px; padding-right: 60px;}
 #fsf-bar .fsf-bar-content{height:30px;width:95%;max-width:1150px;padding:0;margin:0 auto;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;}
-@media screen and (min-width: 55em) { #fsf-bar .fsf-bar-icon{width: 220px;} }
+@media screen and (min-width: 55em) { #fsf-bar .fsf-bar-icon{width: 240px;} #fsf-bar ul {float: right;} }
 </style>
 <!-- End FSF Bar -->
 
 </style>
 <!-- End FSF Bar -->