#750 Fix logo position in header, for RTL pages
Merged 6 years ago by robyduck. Opened 6 years ago by haghighi.
Unknown source logo_position  into  master

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

  

      <div class="container">

        <div class="row product-header">

-         <div class="col-xs-6 text-left">

+         <div class="col-xs-6 text-left pull-left">

          <a href="${path}/${lang}/atomic/"><img class="productlogo hidden-xs" src="${path}/static/images/atomic-head-logo.png" alt="Fedora Atomic" /><img class="productlogo hidden-sm hidden-md hidden-lg" src="${path}/static/images/smalllogo-color-atomic.png" alt="Fedora Atomic" /></a>

          </div>

          <div class="col-xs-6 text-right">

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

  <!-- Main Header -->

    <div class="container">

      <div class="row product-header">

-       <div class="col-xs-6 text-left">

+       <div class="col-xs-6 text-left pull-left">

         <a href="${path}/${lang}/"><img class="fedoralogo" src="${path}/static/images/fedora_infinity_140x140.png" alt="Fedora Logo" /></a>

        </div>

        <div class="col-xs-6 text-right">

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

  

      <div class="container">

        <div class="row product-header">

-         <div class="col-xs-6 text-left">

+         <div class="col-xs-6 text-left pull-left">

          <a href="${path}/${lang}/server/"><img class="productlogo hidden-xs" src="${path}/static/images/server-logo.png" alt="Fedora Server" /><img class="productlogo hidden-sm hidden-md hidden-lg" src="${path}/static/images/smalllogo-color-server.png" alt="Fedora Server" /></a>

          </div>

          <div class="col-xs-6 text-right">

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

  

      <div class="container">

        <div class="row product-header">

-         <div class="col-xs-6 text-left">

+         <div class="col-xs-6 text-left pull-left">

          <a href="${path}/${lang}/workstation/"><img class="productlogo hidden-xs" src="${path}/static/images/workstation-logo.png" alt="Fedora Workstation" /><img class="productlogo hidden-sm hidden-md hidden-lg" src="${path}/static/images/smalllogo-color-workstation.png" alt="Fedora Workstation" /></a>

          </div>

          <div class="col-xs-6 text-right">

For right-to-left languages (e.g Persian (fa) and Arabic (ar) and etc.), Fedora logo has incorrect position (Logos placed at the middle of the header).

Main page:
- https://getfedora.org
- https://getfedora.org/fa

Workstation:
- https://getfedora.org/en/workstation
- https://getfedora.org/fa/workstation/

Atomic:
- https://getfedora.org/en/atomic/
- https://getfedora.org/fa/atomic/

Server:
- https://getfedora.org/en/server/
- https://getfedora.org/fa/server/

Yeah, this looks good. I apologize if we have so many layout errors for RTL languages. Your help is very welcome ;)

Pull-Request has been merged by robyduck

6 years ago

No, it's OK. Thank you :)
Thanks all