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