Skip to content

Q
question2answer
Commit 603c59b0 by Scott
Options

SnowFlat: fix various RTL issues 

Fixes #114
parent 34c5de72
Showing with 58 additions and 44 deletions
qa-theme/SnowFlat/css/snow-core.css
......@@ -462,10 +462,10 @@ blockquote p {
}
@media (max-width: 979px) {
.qam-menu-toggle {
font-size: 34px;
display: block; /* turn on menu icon */
float: left;
display: block;
margin-right: 10px;
font-size: 34px;
margin: 0 10px 0 0;
}
.qam-menu-toggle.current {
color: #fff;
......@@ -479,7 +479,7 @@ blockquote p {
.qa-logo {
font-size: 24px;
margin-right: 1px;
margin: 0 1px 0 0;
}
@media (max-width: 979px) {
.qa-logo {
......@@ -607,7 +607,7 @@ blockquote p {
margin: 0 1px;
}
.qa-nav-main-item-opp:last-child {
margin-left: 50px;
margin: 0 0 0 50px;
}
}
......@@ -643,7 +643,7 @@ blockquote p {
.qa-nav-main-link:before {
display: inline-block;
width: 24px;
margin-right: 15px;
margin: 0 15px 0 0;
}
}
@media (min-width: 980px) {
......@@ -911,7 +911,7 @@ blockquote p {
}
h1 {
padding: 8px 20px;
padding: 8px 52px 8px 20px;
margin-bottom: 5px;
background: #3498db;
color: #fff;
......@@ -950,10 +950,6 @@ h1 a:hover, h1 a:focus, h1 a:visited {
width: auto !important;
}
[class^="qa-category-"] h1, [class*="qa-category-"] h1, .qa-template-tag h1 {
padding-right: 52px !important;
}
.entry-content table, .qa-c-item-content table {
width: 100%;
border-collapse: collapse;
......@@ -979,15 +975,13 @@ h1 a:hover, h1 a:focus, h1 a:visited {
border-color: #ecf0f1;
}
.entry-content ul, .qa-c-item-content ul {
margin: 20px 0;
margin: 20px 0 20px 20px;
padding: 0;
list-style-position: outside;
}
.entry-content ul > li, .qa-c-item-content ul > li {
list-style: none;
margin: 10px 0;
margin: .4em 0;
position: relative;
padding-left: 1.6em;
}
.entry-content ul > li:before, .qa-c-item-content ul > li:before {
font-family: "fontello";
......@@ -996,31 +990,29 @@ h1 a:hover, h1 a:focus, h1 a:visited {
speak: none;
content: '\e82c';
position: absolute;
left: 0;
left: -1.6em;
top: 4px;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
margin: 0 .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
}
.entry-content ul > li > ul, .qa-c-item-content ul > li > ul {
margin-left: 20px;
margin: 0 0 0 20px;
}
.entry-content ol, .qa-c-item-content ol {
margin: 20px 0 20px 20px;
padding: 0;
list-style-position: outside;
}
.entry-content ol > li, .qa-c-item-content ol > li {
margin: 10px 0;
margin: .4em 0;
}
.entry-content ol > li > ol, .qa-c-item-content ol > li > ol {
margin-left: 40px;
margin: 0 0 0 20px;
}
.qa-waiting {
......@@ -1039,11 +1031,11 @@ h1 a:hover, h1 a:focus, h1 a:visited {
top: 5px;
}
.qa-favoriting .qa-waiting {
position: absolute;
left: 50%;
top: 50%;
margin: -7px 0 0 -7px;
padding: 0;
position: absolute;
top: 50%;
}
.qa-favorite-button, .qa-unfavorite-button {
......@@ -3312,6 +3304,7 @@ input[type="submit"], button {
}
.qa-feed {
font-size: 13px;
padding: 20px;
margin-bottom: 5px;
background: #fff;
......@@ -3967,5 +3960,3 @@ input[type="submit"], button {
float: right;
}
}
/*# sourceMappingURL=snow-core.css.map */
qa-theme/SnowFlat/css/snow-rtl.css
......@@ -37,6 +37,11 @@ blockquote {
border-right: 11px solid #3498db;
}
h1 {
padding: 8px 20px 8px 52px;
}
.qa-search-field {
margin: 0 0 0 -40px;
padding: 0 0 0 40px;
......@@ -51,14 +56,28 @@ blockquote {
}
.entry-content th, .entry-content td, .qa-c-item-content th, .qa-c-item-content td {
text-align: left;
text-align: right;
}
.entry-content ul, .qa-c-item-content ul {
margin: 20px 20px 20px 0;
}
.entry-content ul > li:before, .qa-c-item-content ul > li:before {
right: 0;
left: auto;
right: -1.6em;
}
.entry-content ul > li > ul, .qa-c-item-content ul > li > ul {
margin: 0 20px 0 0;
}
.entry-content ol, .qa-c-item-content ol {
margin: 20px 20px 20px 0;
}
.entry-content ol > li > ol, .qa-c-item-content ol > li > ol {
margin: 0 20px 0 0;
}
[class^="qa-category-"] h1, [class*="qa-category-"] h1, .qa-template-tag h1 {
padding-left: 52px !important;
.qa-favoriting {
right: auto;
left: 10px;
}
@media (max-width: 979px) {
......@@ -94,12 +113,12 @@ blockquote {
@media (max-width: 979px) {
.qam-menu-toggle {
float: right;
margin-left: 10px;
margin: 0 0 0 10px;
}
}
.qa-logo {
margin-left: 1px;
margin: 0 0 0 1px;
}
@media (min-width: 980px) {
.qa-logo {
......@@ -128,10 +147,15 @@ blockquote {
.qa-nav-main-item-opp {
float: left;
}
.qa-nav-main-item-opp:last-child {
margin: 0 50px 0 0;
}
}
.qa-nav-main-item-opp:last-child {
margin-left: 0;
margin-right: 50px;
@media (max-width: 979px) {
.qa-nav-main-link:before {
margin: 0 0 0 15px;
}
}
@media (max-width: 979px) {
......@@ -142,6 +166,7 @@ blockquote {
@media (max-width: 979px) {
.qam-account-items-wrapper {
right: auto;
left: 8px;
}
}
......@@ -152,8 +177,8 @@ blockquote {
}
.qam-account-items {
right: auto;
left: 0;
top: 52px;
}
.qa-logged-in:before {
......@@ -468,5 +493,3 @@ blockquote {
float: left;
}
}
/*# sourceMappingURL=snow-rtl.css.map */
qa-theme/SnowFlat/qa-theme.php
......@@ -420,6 +420,12 @@ class qa_html_theme extends qa_html_theme_base
{
$q_view = @$this->content['q_view'];
// RSS feed link in title
$feed = @$this->content['feed'];
if (!empty($feed)) {
$this->output('<a href="' . $feed['url'] . '" title="' . @$feed['label'] . '"><i class="icon-rss qam-title-rss"></i></a>');
}
// link title where appropriate
$url = isset($q_view['url']) ? $q_view['url'] : false;
......@@ -432,12 +438,6 @@ class qa_html_theme extends qa_html_theme_base
$closed, $url ? '<a href="' . $url . '">' : '', $this->content['title'], $url ? '</a>' : ''
);
}
$feed = @$this->content['feed'];
if (!empty($feed)) {
$this->output('<a href="' . $feed['url'] . '" title="' . @$feed['label'] . '"><i class="icon-rss qam-title-rss"></i></a>');
}
}
/**
......
Markdown is supported
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