Commit 727b5a17 authored by Matija Obreza's avatar Matija Obreza
Browse files

Basic RTL styles

parent 96f2841b
...@@ -152,7 +152,6 @@ $light-font-family: 'Roboto-Light'; ...@@ -152,7 +152,6 @@ $light-font-family: 'Roboto-Light';
} }
.navbar-toggle { .navbar-toggle {
float: left;
margin-top: 22px; margin-top: 22px;
margin-right: 5px; margin-right: 5px;
border: none; border: none;
...@@ -313,7 +312,6 @@ $light-font-family: 'Roboto-Light'; ...@@ -313,7 +312,6 @@ $light-font-family: 'Roboto-Light';
} }
} }
#navbar .header-search { #navbar .header-search {
float: left;
padding-top: 17px; padding-top: 17px;
form.form-inline { form.form-inline {
.form-group { .form-group {
...@@ -812,7 +810,7 @@ $light-font-family: 'Roboto-Light'; ...@@ -812,7 +810,7 @@ $light-font-family: 'Roboto-Light';
color: $white-color; color: $white-color;
font-weight: normal; font-weight: normal;
min-width: 262px; min-width: 262px;
padding: 15px 20px 15px 0px; padding: 15px 20px 15px 20px;
position: absolute; position: absolute;
left: 2px; left: 2px;
top: 0; top: 0;
...@@ -1162,7 +1160,6 @@ $light-font-family: 'Roboto-Light'; ...@@ -1162,7 +1160,6 @@ $light-font-family: 'Roboto-Light';
padding: 9px 20px 12px; padding: 9px 20px 12px;
small { small {
float: right;
font-family: $default-font-family; font-family: $default-font-family;
font-size: 14px; font-size: 14px;
padding-top: 7px; padding-top: 7px;
...@@ -1599,7 +1596,12 @@ $light-font-family: 'Roboto-Light'; ...@@ -1599,7 +1596,12 @@ $light-font-family: 'Roboto-Light';
.fullwidth { .fullwidth {
width: 100% !important; width: 100% !important;
float: left !important; float: left !important;
html[dir="rtl"] & {
float: right !important;
}
} }
//explore page //explore page
.explore-page { .explore-page {
.container-fluid { .container-fluid {
...@@ -2961,7 +2963,12 @@ table.accessions { ...@@ -2961,7 +2963,12 @@ table.accessions {
} }
.navbar-toggle { .navbar-toggle {
display: block; display: block;
margin-right: 20px; html[dir="ltr"] & {
margin-right: 20px;
}
html[dir="rtl"] & {
margin-left: 20px;
}
} }
.navbar-collapse.collapse { .navbar-collapse.collapse {
.nav.navbar-nav.nav-menu { .nav.navbar-nav.nav-menu {
...@@ -4953,4 +4960,12 @@ table.accessions { ...@@ -4953,4 +4960,12 @@ table.accessions {
} }
/**
* RTL languages
*/
html[dir="rtl"] {
.navbar-header, .navbar-brand {
float: right !important;
}
}
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top"> <nav class="navbar navbar-default navbar-inverse navbar-fixed-top">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-admin" aria-expanded="false" aria-controls="navbar"> <button type="button" class="navbar-toggle collapsed pull-left" data-toggle="collapse" data-target="#navbar-admin" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span> <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top"> <nav class="navbar navbar-default navbar-inverse navbar-fixed-top">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <button type="button" class="navbar-toggle collapsed pull-left" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span> <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
<div id="navbar" class="collapse navbar-collapse"> <div id="navbar" class="collapse navbar-collapse">
<div class="col-md-6 no-space"> <div class="col-md-6 no-space">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <button type="button" class="navbar-toggle collapsed pull-left" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span> <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
...@@ -208,7 +208,7 @@ ...@@ -208,7 +208,7 @@
</security:authorize> </security:authorize>
</ul> </ul>
<div class="header-search"> <div class="header-search pull-left">
<form action="/1/acn/search2" class="form-inline"> <form action="/1/acn/search2" class="form-inline">
<div class="form-group"> <div class="form-group">
<input type="text" name="q" class="form-control" placeholder="Search Genesys..." /> <input type="text" name="q" class="form-control" placeholder="Search Genesys..." />
......
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
<c:forEach items="${firstLetters}" var="hoofd"> <c:forEach items="${firstLetters}" var="hoofd">
<div class="row"> <div class="row">
<div id="letter-B" class="hoofdleter"><c:out value="${hoofd}" /> <div id="letter-B" class="hoofdleter"><c:out value="${hoofd}" />
<small><a href="#letter-top"><spring:message code="jump-to-top" /></a></small> <small class="pull-right"><a href="#letter-top"><spring:message code="jump-to-top" /></a></small>
</div> </div>
<ul class="funny-list list-unstyled"> <ul class="funny-list list-unstyled">
<c:forEach items="${countries}" var="country" varStatus="status"> <c:forEach items="${countries}" var="country" varStatus="status">
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment