2020-06-15, 10:18 AM
Hi again!
I've done some playing around! I've made the following changes, which brought about the attached gif. However, you'll notice that whatever button is 'active' gets really big. Not sure where I messed up!
Here is the code that got adjusted;
CSS
ougccustomrep_rep [moved the 'customrep' span out of the main span]
ougccustomrep_rep_number [Just moved the space code to the end]
Gif: The first second is when I come into the thread. The 'active' button stays fat even if I move on to the next post and change the reputations on that one.
I've done some playing around! I've made the following changes, which brought about the attached gif. However, you'll notice that whatever button is 'active' gets really big. Not sure where I messed up!
Here is the code that got adjusted;
CSS
/***************************************************************************
*
* OUGC Custom Reputation plugin (CSS FILE)
* Author: Omar Gonzalez
* Copyright: © 2012 - 2020 Omar Gonzalez
*
* Website: https://ougc.network
*
* Allow users rate posts with custom post reputations with rich features.
*
***************************************************************************
****************************************************************************
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
****************************************************************************/
.customrep .number {
border: 1px solid #A37140;
background: #232424;
position: absolute;
z-index: 2;
top: -0.7em;
right: -1em;
min-width: 1.2em;
min-height: 1.2em;
padding: .2em;
line-height: 1;
text-align: center;
-moz-border-radius: 500rem;
-webkit-border-radius: 500rem;
border-radius: 500rem;
text-decoration: none !important;
font-weight: bolder;
}
.customrep .number.voted {
border: 1px solid #232424;
background: #A37140;
color: #232424;
}
.customrep img {
vertical-align: middle;
}
.customrep img, .customrep i {
cursor: pointer;
line-height: 1;
}
.customrep > span {
display: inline-block;
padding: 2px 5px;
margin: 2px;
background: #1D1E1E /*url(images/buttons_bg.png) repeat-x*/;
border: 2px solid #A37140;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
position: relative;
margin-right: 1em;
color: #F3DAC1;
}
.customrep, .customrep * {
font-size: 11px;
}
ougccustomrep_rep [moved the 'customrep' span out of the main span]
<span class="customrep"><span title="{$lang_val}" id="customrep_{$customrep->post['pid']}_{$rid}">{$image} {$reputation['name']} {$number}</span></span>
ougccustomrep_rep_number [Just moved the space code to the end]
<a href="javascript:MyBB.popupWindow('/{$popupurl}');" rel="nofollow" title="{$lang->ougc_customrep_viewall}" class="number {$voted_class}" title="{$lang->ougc_customrep_viewlatest}" id="ougccustomrep_view_{$customrep->post['pid']}">{$number}</a>
Gif: The first second is when I come into the thread. The 'active' button stays fat even if I move on to the next post and change the reputations on that one.