#1105 add language button to fedoracommunity
Merged a year ago by darknao. Opened a year ago by darknao.
darknao/fedora-websites community_lang  into  master

@@ -7,6 +7,8 @@ 

      <link rel="stylesheet" type="text/css" href="${path}/static/css/text.css" media="screen" />

      <link rel="stylesheet" type="text/css" href="${path}/static/css/960.css" media="screen" />

      <link rel="stylesheet" type="text/css" href="${path}/static/css/fedoracommunity960.css" media="screen" />

+     <link rel="stylesheet" type="text/css" href="${path}/static/css/language-picker.css" media="screen" />

+     <link rel="stylesheet" type="text/css" href="${path}/static/css/font-awesome.css" media="screen" />

      <link rel="shortcut icon" href="https://fedoraproject.org/static/images/favicon.ico" sizes="16x16 32x32" type="image/vnd.microsoft.icon"/>

  

      <!--[if lt IE 7]>

@@ -82,7 +82,14 @@ 

                  <li><a href="http://fedoraproject.org/wiki/Legal:Licenses?rd=Legal/Licenses#This_Website">${_('Content License')}</a></li>

              </ul>

          </div>

-         <div class="clear">&nbsp;</div>

+ 

+         <div class="grid_16">

+             <div class="widget-body">

+                 <xi:include href="../templates/translations.html" />

+             </div>

+         </div>

+         <div class="clear"></div>

+ 

      </div>

      ${Markup(_(buildstring))}

  </html>

The added file is too large to be shown here, see it at: fedoracommunity.org/static/css/font-awesome.css
empty or binary file added
@@ -0,0 +1,72 @@ 

+ 

+ .language-header {

+   text-align: center;

+   position: relative;

+ }

+ 

+ .language-menu {

+     display: none;

+     position: absolute;

+     left: -5%;

+     bottom: 130%;

+     top: auto;

+     width: 110%;

+     background-color: #fff;

+     border-radius: 4px;

+     border: 1px solid rgba(0, 0, 0, .3);

+     box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

+     font-size: 14px;

+     font-family: "Open sans", helvetica, arial;

+ }

+ 

+ .language-menu ul {

+   column-count: 3;

+   column-gap: 3em;

+   margin: 1.5em;

+   color: #777;

+   list-style: none;

+ }

+ 

+ .language-menu li {

+   margin-left: 0;

+ }

+ 

+ a#langSelect {

+     color: #333;

+     text-decoration: none;

+ }

+ 

+ a:hover#langSelect, 

+ a:focus#langSelect {

+     text-decoration: none;

+ }

+ 

+ .language-menu a {

+     color: #333;

+     text-decoration: none;

+ }

+ 

+ .language-menu a:hover, 

+ .language-menu a:focus {

+     text-decoration: underline;

+ }

+ 

+ 

+ @media (min-width:992px) {

+   .language-menu {

+ 

+   }

+   .language-menu ul {

+     column-count: 5;

+   }

+ }

+ 

+ @media (min-width:1200px) {

+   .language-menu {

+ 

+   }

+   .language-menu ul {

+     column-count: 7;

+   }

+ }

+ 

@@ -1,4 +1,8 @@ 

  // load widgets on pageload 

  $(function() { 

  	// spaceholder

+         $( "#langSelect" ).click(function() {

+            $(".language-menu").toggle();

+            return false;

+         });

  });