Skip to content

Q
question2answer
Commit 16df681a by Scott
Options

Shorten user list classes, remove unnecessary nested element

parent 22e5fb6e
Showing with 53 additions and 63 deletions
qa-include/pages/tags.php
...@@ -50,7 +50,7 @@ $qa_content['title'] = qa_lang_html('main/popular_tags'); ...@@ -50,7 +50,7 @@ $qa_content['title'] = qa_lang_html('main/popular_tags');
$qa_content['ranking'] = array( $qa_content['ranking'] = array(
'items' => array(), 'items' => array(),
'rows' => ceil($pagesize / qa_opt('columns_tags')), 'rows' => ceil($pagesize / qa_opt('columns_tags')),
'type' => 'tags' 'type' => 'top-tags'
); );
if (count($populartags)) { if (count($populartags)) {
......
qa-include/pages/users.php
...@@ -50,7 +50,7 @@ $qa_content['title'] = qa_lang_html('main/highest_users'); ...@@ -50,7 +50,7 @@ $qa_content['title'] = qa_lang_html('main/highest_users');
$qa_content['ranking'] = array( $qa_content['ranking'] = array(
'items' => array(), 'items' => array(),
'rows' => ceil($pagesize / qa_opt('columns_users')), 'rows' => ceil($pagesize / qa_opt('columns_users')),
'type' => 'users' 'type' => 'top-users'
); );
if (count($users)) { if (count($users)) {
......
qa-include/qa-theme-base.php
...@@ -1367,7 +1367,7 @@ class qa_html_theme_base ...@@ -1367,7 +1367,7 @@ class qa_html_theme_base
if (!isset($ranking['type'])) if (!isset($ranking['type']))
$ranking['type'] = 'items'; $ranking['type'] = 'items';
$class = 'qa-top-'.$ranking['type']; $class = 'qa-'.$ranking['type'];
if (!$this->ranking_block_layout) { if (!$this->ranking_block_layout) {
// old, less semantic table layout // old, less semantic table layout
......
qa-theme/SnowFlat/js/snow-core.js
...@@ -61,13 +61,6 @@ $(document).ready(function () { ...@@ -61,13 +61,6 @@ $(document).ready(function () {
$('#the-top-search').slideToggle('fast'); $('#the-top-search').slideToggle('fast');
}); });
/*
* Add wrapper to users point on users list
*/
$('.qa-top-users-score, .qa-top-newest-users-score, .qa-top-special-users-score, .qa-top-blocked-users-score')
.wrapInner('<div class="qam-user-score-icon"></div>');
/* /*
* add wrapper to the message sent note 'td' * add wrapper to the message sent note 'td'
*/ */
......
qa-theme/SnowFlat/qa-styles.css
...@@ -1455,9 +1455,9 @@ blockquote p { ...@@ -1455,9 +1455,9 @@ blockquote p {
} }
.qa-top-users-item, .qa-top-users-item,
.qa-top-special-users-item, .qa-special-users-item,
.qa-top-blocked-users-item, .qa-blocked-users-item,
.qa-top-newest-users-item { .qa-newest-users-item {
width: 100%; width: 100%;
max-width: 320px; max-width: 320px;
} }
...@@ -1470,9 +1470,9 @@ blockquote p { ...@@ -1470,9 +1470,9 @@ blockquote p {
@media only screen and (min-width: 992px) { @media only screen and (min-width: 992px) {
/* two column layout for Desktops and above*/ /* two column layout for Desktops and above*/
.qa-top-users-item, .qa-top-users-item,
.qa-top-special-users-item, .qa-special-users-item,
.qa-top-blocked-users-item, .qa-blocked-users-item,
.qa-top-newest-users-item { .qa-newest-users-item {
width: 48%; width: 48%;
max-width: none; max-width: none;
} }
...@@ -1484,24 +1484,24 @@ blockquote p { ...@@ -1484,24 +1484,24 @@ blockquote p {
} }
.qa-top-users-avatar .qa-avatar-link, .qa-top-users-avatar .qa-avatar-link,
.qa-top-special-users-avatar .qa-avatar-link, .qa-special-users-avatar .qa-avatar-link,
.qa-top-newest-users-avatar .qa-avatar-link { .qa-newest-users-avatar .qa-avatar-link {
display: block; display: block;
float: left; float: left;
margin-right: 1em; margin-right: 1em;
} }
.qa-top-users-avatar .qa-avatar-link img, .qa-top-users-avatar .qa-avatar-link img,
.qa-top-special-users-avatar .qa-avatar-link img, .qa-special-users-avatar .qa-avatar-link img,
.qa-top-blocked-users-avatar .qa-avatar-link img, .qa-blocked-users-avatar .qa-avatar-link img,
.qa-top-newest-users-avatar .qa-avatar-link img { .qa-newest-users-avatar .qa-avatar-link img {
border: 1px solid #cbd7e3; border: 1px solid #cbd7e3;
} }
.qa-top-users-label .qa-user-link, .qa-top-users-label .qa-user-link,
.qa-top-special-users-label .qa-user-link, .qa-special-users-label .qa-user-link,
.qa-top-blocked-users-label .qa-user-link, .qa-blocked-users-label .qa-user-link,
.qa-top-newest-users-label .qa-user-link { .qa-newest-users-label .qa-user-link {
background-color: #e74c3c; background-color: #e74c3c;
display: block; display: block;
float: left; float: left;
...@@ -1512,20 +1512,20 @@ blockquote p { ...@@ -1512,20 +1512,20 @@ blockquote p {
.qa-top-users-label .qa-user-link:hover, .qa-top-users-label .qa-user-link:hover,
.qa-top-users-label .qa-user-link:focus, .qa-top-users-label .qa-user-link:focus,
.qa-top-special-users-label .qa-user-link:hover, .qa-special-users-label .qa-user-link:hover,
.qa-top-special-users-label .qa-user-link:focus, .qa-special-users-label .qa-user-link:focus,
.qa-top-blocked-users-label .qa-user-link:hover, .qa-blocked-users-label .qa-user-link:hover,
.qa-top-blocked-users-label .qa-user-link:focus, .qa-blocked-users-label .qa-user-link:focus,
.qa-top-newest-users-label .qa-user-link:hover, .qa-newest-users-label .qa-user-link:hover,
.qa-top-newest-users-label .qa-user-link:focus { .qa-newest-users-label .qa-user-link:focus {
background-color: #eb695c; background-color: #eb695c;
text-decoration: none; text-decoration: none;
} }
.qa-top-users-label .qa-user-link:before, .qa-top-users-label .qa-user-link:before,
.qa-top-special-users-label .qa-user-link:before, .qa-special-users-label .qa-user-link:before,
.qa-top-blocked-users-label .qa-user-link:before, .qa-blocked-users-label .qa-user-link:before,
.qa-top-newest-users-label .qa-user-link:before { .qa-newest-users-label .qa-user-link:before {
content: ""; content: "";
position: absolute; position: absolute;
left: -5px; left: -5px;
...@@ -1540,18 +1540,18 @@ blockquote p { ...@@ -1540,18 +1540,18 @@ blockquote p {
@media (min-width: 980px) { @media (min-width: 980px) {
.qa-top-users-label .qa-user-link:hover:after, .qa-top-users-label .qa-user-link:focus:after, .qa-top-users-label .qa-user-link:hover:after, .qa-top-users-label .qa-user-link:focus:after,
.qa-top-special-users-label .qa-user-link:hover:after, .qa-top-special-users-label .qa-user-link:focus:after, .qa-special-users-label .qa-user-link:hover:after, .qa-special-users-label .qa-user-link:focus:after,
.qa-top-blocked-users-label .qa-user-link:hover:after, .qa-top-blocked-users-label .qa-user-link:focus:after, .qa-blocked-users-label .qa-user-link:hover:after, .qa-blocked-users-label .qa-user-link:focus:after,
.qa-top-newest-users-label .qa-user-link:hover:after, .qa-top-newest-users-label .qa-user-link:focus:after { .qa-newest-users-label .qa-user-link:hover:after, .qa-newest-users-label .qa-user-link:focus:after {
-ms-transform: translate(80px, 0); -ms-transform: translate(80px, 0);
-webkit-transform: translate(80px, 0); -webkit-transform: translate(80px, 0);
transform: translate(80px, 0); transform: translate(80px, 0);
} }
.qa-top-users-label .qa-user-link:after, .qa-top-users-label .qa-user-link:after,
.qa-top-special-users-label .qa-user-link:after, .qa-special-users-label .qa-user-link:after,
.qa-top-blocked-users-label .qa-user-link:after, .qa-blocked-users-label .qa-user-link:after,
.qa-top-newest-users-label .qa-user-link:after { .qa-newest-users-label .qa-user-link:after {
content: ""; content: "";
display: block; display: block;
width: 0; width: 0;
...@@ -1572,45 +1572,42 @@ blockquote p { ...@@ -1572,45 +1572,42 @@ blockquote p {
} }
.qa-top-users-label .qa-user-link.qa-user-favorited, .qa-top-users-label .qa-user-link.qa-user-favorited,
.qa-top-special-users-label .qa-user-link.qa-user-favorited, .qa-special-users-label .qa-user-link.qa-user-favorited,
.qa-top-blocked-users-label .qa-user-link.qa-user-favorited, .qa-blocked-users-label .qa-user-link.qa-user-favorited,
.qa-top-newest-users-label .qa-user-link.qa-user-favorited { .qa-newest-users-label .qa-user-link.qa-user-favorited {
background-image: url('images/icons/fev-star.png'); background-image: url('images/icons/fev-star.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 2px center; background-position: 2px center;
padding-left: 22px; padding-left: 22px;
} }
.qam-user-score-icon { .qa-top-users-score,
display: inline-block; .qa-special-users-score,
background-color: #2ecc71; .qa-blocked-users-score,
color: #fff; .qa-newest-users-score {
position: relative; position: relative;
float: right; float: right;
padding: 2px 6px 2px 1.8em;
background-color: #2ecc71;
color: #fff;
} }
.qa-special-users-score,
.qa-top-users-score .qam-user-score-icon:before { .qa-blocked-users-score,
background-color: #27ae60; .qa-newest-users-score {
padding-left: 6px;
}
.qa-top-users-score:before {
content: '\e810'; content: '\e810';
font-family: "fontello"; font-family: "fontello";
display: inline-block; display: inline-block;
text-align: center;
width: 1.5em;
height: 100%;
line-height: 1.6em;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
} width: 1.5em;
height: 100%;
.qa-top-users-score .qam-user-score-icon { background-color: #27ae60;
padding: 2px 6px 2px 1.8em; text-align: center;
} line-height: 1.6em;
.qa-top-special-users-score .qam-user-score-icon,
.qa-top-blocked-users-score .qam-user-score-icon,
.qa-top-newest-users-score .qam-user-score-icon {
padding: 2px 6px 2px 6px;
} }
.qa-top-tags-count { .qa-top-tags-count {
......
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