Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Improvement - LOW] Some minor corrections to the new Snow theme #105

Closed
wants to merge 11 commits into from
Closed

[Improvement - LOW] Some minor corrections to the new Snow theme #105

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
e70f8ac
Added color to form errors
pupi1985 Oct 1, 2014
c936a08
Made notes more visible
pupi1985 Oct 1, 2014
178ff37
Made the tall note look less than a field and similar to the wide note
pupi1985 Oct 1, 2014
b6347ba
Internationalized button labels
pupi1985 Oct 6, 2014
da2bafc
Allowed new sections to be added to the right side of the profile sec…
pupi1985 Oct 8, 2014
f490cf5
Removed the unnecessary white space in the profile section
pupi1985 Oct 8, 2014
f79d094
Aligned the h1 section title with the bottom of the search bar
pupi1985 Oct 10, 2014
4475432
Vertically centered the RSS icon in the h1 title
pupi1985 Oct 10, 2014
572fded
Added the green color box to the success message of wide forms
pupi1985 Oct 10, 2014
33f69bc
Aligned the magnifying glass icon with the Ask a question button in "…
pupi1985 Oct 10, 2014
dd46342
Vertically aligned checkboxes and labels, including the Remember me one
pupi1985 Oct 14, 2014
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
4 changes: 2 additions & 2 deletions qa-theme/Snow/css/snow-core-rtl.css
View file
Open in desktop
Expand Up @@ -4040,7 +4040,7 @@ table tr td.qa-form-tall-ok {
background-position: center;
background-repeat: no-repeat;
}
.qam-icons-info .qam-icon-item .show {
.qam-icons-info .qam-icon-item .reshow {
background-image: url('../images/icons/show-white.png?1404150100');
background-position: center;
background-repeat: no-repeat;
Expand All @@ -4049,7 +4049,7 @@ table tr td.qa-form-tall-ok {
height: 32px;
text-align: center;
}
.qam-icons-info .qam-icon-item .show:hover, .qam-icons-info .qam-icon-item .show:focus {
.qam-icons-info .qam-icon-item .reshow:hover, .qam-icons-info .qam-icon-item .reshow:focus {
background-image: url('../images/icons/show-white.png?1404150100');
background-position: center;
background-repeat: no-repeat;
Expand Down
55 changes: 34 additions & 21 deletions qa-theme/Snow/css/snow-core.css
View file
Open in desktop
Expand Up @@ -366,7 +366,7 @@ blockquote p {
.qam-search.emerald .qa-search {
background: #2ecc71;
color: white;
padding: 10px;
padding: 5px;
margin-bottom: 5px;
}
.qam-search.emerald .qa-search a {
Expand Down Expand Up @@ -477,7 +477,11 @@ blockquote p {
}
}
.qam-search.the-top .qa-search .qa-search-field {
margin-right: -41px;
margin-right: -40px;
}

.qa-form-wide-error, .qa-form-tall-error {
color: #dd3322;
}

.qa-error {
Expand Down Expand Up @@ -922,6 +926,15 @@ blockquote p {
cursor: pointer;
}

#qa-rememberme {
vertical-align: middle;
margin: 0;
}

#qa-rememberbox {
padding-bottom: 10px;
}

.qa-nav-user {
white-space: nowrap;
margin: -10px;
Expand Down Expand Up @@ -1051,7 +1064,7 @@ blockquote p {
margin-bottom: 5px;
margin-top: 0px;
position: relative;
line-height: 1.6em;
line-height: 1.5em;
}
.qa-main h1:first-of-type a {
color: white;
Expand All @@ -1076,7 +1089,6 @@ blockquote p {
}
.qa-main h1:first-of-type .qam-title-rss {
float: right;
margin: 8px 0 0;
color: #ecf0f1;
}
.qa-main h1:first-of-type .qam-title-rss:hover {
Expand Down Expand Up @@ -1964,7 +1976,7 @@ td.qa-form-tall-label, td.qa-form-tall-data, td.qa-form-tall-buttons {
margin: 0;
}

.qa-part-form-message td.qa-form-tall-ok {
.qa-part-form-message td.qa-form-tall-ok, .qa-part-form-message td.qa-form-wide-ok {
padding: 0;
}
.qa-part-form-message .qam-pm-message {
Expand Down Expand Up @@ -2013,6 +2025,9 @@ input, input[type="text"], input[type="password"], textarea, select {
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s;
}
input[type="checkbox"] {
vertical-align: middle;
}
input:focus, input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
background: #fafafa;
border-color: #3498db;
Expand Down Expand Up @@ -2053,10 +2068,10 @@ input[type="submit"], button {
}

.qa-form-tall-note {
background-color: #f5f7f7;
font-size: 0.75em;
line-height: 2em;
padding: 5px;
padding-left: 5px;
color: #707476;
}

.qa-form-tall-button, .qa-form-wide-button {
Expand Down Expand Up @@ -2171,7 +2186,7 @@ input[type="submit"], button {
.qa-form-wide-note {
font-size: 0.75em;
line-height: 2em;
color: #bdc3c7;
color: #707476;
}

.qa-form-tall-label, .qa-form-wide-label {
Expand Down Expand Up @@ -2209,7 +2224,7 @@ input[type="submit"], button {
border: none;
}

table tr td.qa-form-tall-ok {
table tr td.qa-form-tall-ok, table tr td.qa-form-wide-ok {
background-color: #27ae60;
padding: 10px;
display: table-cell;
Expand Down Expand Up @@ -2243,7 +2258,6 @@ table tr td.qa-form-tall-ok {
@media (min-width: 980px) {
.qa-template-user .qa-part-form-profile {
float: left;
min-height: 600px;
}
}
.qa-template-user .qa-part-form-profile .qa-form-tall-image {
Expand Down Expand Up @@ -2336,6 +2350,7 @@ table tr td.qa-form-tall-ok {
@media (min-width: 980px) {
.qa-template-user .qa-part-form-activity, .qa-template-user .qa-part-message-list {
float: right;
clear: right;
}
}
.qa-template-user .qa-part-form-activity h2, .qa-template-user .qa-part-message-list h2 {
Expand Down Expand Up @@ -4085,7 +4100,7 @@ table tr td.qa-form-tall-ok {
background-position: center;
background-repeat: no-repeat;
}
.qam-icons-info .qam-icon-item .show {
.qam-icons-info .qam-icon-item .reshow {
background-image: url('../images/icons/show-white.png?1404150100');
background-position: center;
background-repeat: no-repeat;
Expand All @@ -4094,7 +4109,7 @@ table tr td.qa-form-tall-ok {
height: 32px;
text-align: center;
}
.qam-icons-info .qam-icon-item .show:hover, .qam-icons-info .qam-icon-item .show:focus {
.qam-icons-info .qam-icon-item .reshow:hover, .qam-icons-info .qam-icon-item .reshow:focus {
background-image: url('../images/icons/show-white.png?1404150100');
background-position: center;
background-repeat: no-repeat;
Expand Down Expand Up @@ -4256,16 +4271,18 @@ table tr td.qa-form-tall-ok {

@media (max-width: 979px) {
.qam-ask-search-box {
margin: 10px 10px 0 10px;
margin: 10px 0;
padding: 0 10px;
*zoom: 1;
}
.qam-ask-search-box:before, .qam-ask-search-box:after {
content: "";
display: table;
width: 100%;
}
.qam-ask-search-box:after {
clear: both;
}
.qam-ask-search-box .qam-ask-mobile {
display: table-cell;
}
.qam-ask-search-box .qam-ask-mobile a {
background: #1abc9c;
color: white;
Expand All @@ -4277,8 +4294,6 @@ table tr td.qa-form-tall-ok {
border: none;
font-weight: normal;
margin: 0;
width: 80%;
float: left;
}
.qam-ask-search-box .qam-ask-mobile a a {
color: white;
Expand Down Expand Up @@ -4325,9 +4340,7 @@ table tr td.qa-form-tall-ok {
background-position: center;
background-color: #1abc9c;
width: 20%;
height: 64px;
display: block;
float: right;
display: table-cell;
border-left: 1px solid #1dd2af;
cursor: pointer;
}
Expand Down
30 changes: 15 additions & 15 deletions qa-theme/Snow/qa-theme.php
View file
Open in desktop
Expand Up @@ -657,26 +657,26 @@ private function head_inline_css()
private function icons_info()
{
$icons = array(
'answer' => 'Answer',
'comment' => 'Comment',
'hide' => 'Hide',
'show' => 'Show',
'close' => 'Close',
'reopen' => 'Re-Open',
'flag' => 'Flag',
'unflag' => 'Un-Flag',
'edit' => 'Edit',
'delete' => 'Delete',
'approve' => 'Approve',
'reject' => 'Reject',
'reply' => 'Reply',
'answer',
'comment',
'hide',
'reshow',
'close',
'reopen',
'flag',
'unflag',
'edit',
'delete',
'approve',
'reject',
'reply',
);

$icons_info = '<div class="qam-icons-info">';

foreach ($icons as $icon => $label)
foreach ($icons as $icon)
{
$icons_info .= '<div class="qam-icon-item"><span class="' . $icon . '"></span> ' . $label . '</div>';
$icons_info .= '<div class="qam-icon-item"><span class="' . $icon . '"></span> ' . qa_lang_html('question/' . $icon . '_button') . '</div>';
}
$icons_info .= '</div> <!-- END qam-icons-info -->';

Expand Down