Announcement

Collapse
No announcement yet.

Post Footer Go To Top

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    #16
    Mackey
    FlipClockFans.com
    Mackey I checked your site and the same "disabled" style Top arrow issue you had is no longer there. Did you fix it?
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    Comment


    #17
    glennrocksvb
    Founder/Coder
    glennrocksvb Every style reports:
    • No replacement variables are defined for this style
    Could it be a conflict with additional CSS code? This is the entirety of our css_additional.css:
    Code:
    /* Set color of "Unread Topic" to bold red - START */
    .unread a.topic-title {color:red !important;}
    /* Set color of "Unread Topic" to bold red - END */
    
    /* Online icon "Glow" - START */
    .b-userinfo__icon.online,
    .b-userinfo__icon.offline {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    }
    .b-icon__status--green {
    background: #0f0 !important; /* adjust online dot icon color as desired */
    border-radius: 100%; /* set to 0 if you want the online dot icon to be a square and not round */
    border: 2px solid #fff;
    box-sizing: border-box;
    }
    .b-icon__status--green:after {
    content: '';
    border: 10px solid #6e9d00; /* adjust glow color as desired */
    background: transparent;
    border-radius: 40px;
    height: 40px;
    width: 40px;
    position: absolute;
    top: -24px; /* adjust top coordinate to move glow vertically in postbit */
    left: -22px; /* adjust left coordinate to move glow horizontally in postbit */
    z-index: 1;
    opacity: 0;
    -webkit-animation: glow 3s ease-out infinite;
    animation: glow 3s ease-out infinite
    }
    .profile_sidebar_content .online-status.online {
    position: relative;
    }
    .profile_sidebar_content .b-icon__status--green:after {
    top: -19px; /* adjust top coordinate to move glow vertically on Profile page */
    left: -24px /* adjust left coordinate to move glow horizontally on Profile page */
    }
    @-webkit-keyframes glow {
    0% {
    -webkit-transform: scale(0);
    opacity: 0
    }
    25% {
    -webkit-transform: scale(0);
    opacity: .1
    }
    50% {
    -webkit-transform: scale(.1);
    opacity: .3
    }
    75% {
    -webkit-transform: scale(.5);
    opacity: .5
    }
    100% {
    -webkit-transform: scale(1);
    opacity: 0
    }
    }
    @keyframes glow {
    0% {
    transform: scale(0);
    opacity: 0
    }
    25% {
    transform: scale(0);
    opacity: .1
    }
    50% {
    transform: scale(.1);
    opacity: .3
    }
    75% {
    transform: scale(.5);
    opacity: .5
    }
    100% {
    transform: scale(1);
    opacity: 0
    }
    }
    /* Online icon "Glow" - END */
    
    /* Hide Detailed IP Info link with Modal - START */
    #vb-page-body:not([data-usergroupid="6"]) .resolveIpLink-new {
    display: none;
    }
    /* Hide Detailed IP Info link with Modal - END */
    
    /* Go to Last Post Icon with Text - START */
    .go-to-last-post {
    overflow: visible;
    text-indent: 0;
    background: no-repeat;
    height: auto;
    width: auto;
    margin-left: 2px;
    }
    
    .go-to-last-post::after {
    content: 'Last post'; /* Change text as desired */
    font-size: 11px;
    }
    
    {vb:set imgdir_spriteiconsvb, {vb:stylevar imgdir_spriteiconsvb}}
    <vb:if condition="!empty($imgdir_spriteiconsvb)">
    {vb:set spritepath, {vb:concat
    {vb:stylevar imgdir_spriteiconsvb},
    "/sprite_icons_vb_",
    {vb:stylevar textdirection},
    ".png?v=",
    {vb:var simpleversion}
    }}
    <vb:else />
    {vb:set spritepath, {vb:spritepath sprite_icons_general.svg}}
    </vb:if>
    
    .go-to-last-post::before {
    content: '';
    background: transparent url("{vb:raw spritepath}") no-repeat -320px -208px;
    width: 13px;
    height: 9px;
    display: inline-block;
    position: relative;
    top: 0.5px;
    }
    
    .go-to-last-post:hover {
    text-decoration: none !important;
    }
    
    .go-to-last-post:hover::after {
    text-decoration: underline !important;
    }
    /* Go to Last Post Icon with Text - END */
    
    /* Topic Prefix custom style - START */
    /* Common styles for all prefixes */
    .js-topic-prefix [class^="prefix-"],
    .search-module-prefix [class^="prefix-"],
    .b-post__title [class^="prefix-"],
    .post-action-wrapper [class^="prefix-"] {
    padding: 2px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 3px;
    position: relative;
    bottom: 2px;
    text-transform: uppercase;
    white-space: nowrap;
    }
    .post-action-wrapper [class^="prefix-"] {
    padding: 1px 2px;
    bottom: 1px;
    }
    .search-module-prefix [class^="prefix-"] {
    bottom: 1px;
    }
    .b-post__title [class^="prefix-"] {
    padding: 1px 2px;
    }
    /* Separate styles for each prefix type */
    /* RGBA Color Picker @ https://rgbacolorpicker.com */
    /* */
    /* Distribution Showdown */
    .js-topic-prefix .prefix-distribution_showdown,
    .search-module-prefix .prefix-distribution_showdown,
    .b-post__title .prefix-distribution_showdown,
    .post-action-wrapper .prefix-distribution_showdown {
    color: #fff;
    border: 1px solid #000000;
    background-color: rgba(0, 0, 0, .85); /* black */
    }
    /* Geek News */
    .js-topic-prefix .prefix-geek_news,
    .search-module-prefix .prefix-geek_news,
    .b-post__title .prefix-geek_news,
    .post-action-wrapper .prefix-geek_news {
    color: #fff;
    border: 1px solid #c8bfc4;
    background-color: rgba(200, 191, 196, .85); /* grey */
    }
    /* Kubuntu or Linux Discussion */
    .js-topic-prefix .prefix-kubuntu_or_linux_discuss,
    .search-module-prefix .prefix-kubuntu_or_linux_discuss,
    .b-post__title .prefix-kubuntu_or_linux_discuss,
    .post-action-wrapper .prefix-kubuntu_or_linux_discuss {
    color: #fff;
    border: 1px solid #ed143d;
    background-color: rgba(237, 20, 61, .85); /* red */
    }
    /* The Water Cooler */
    .js-topic-prefix .prefix-the_water_cooler,
    .search-module-prefix .prefix-the_water_cooler,
    .b-post__title .prefix-the_water_cooler,
    .post-action-wrapper .prefix-the_water_cooler {
    color: #fff;
    border: 1px solid #27aef5;
    background-color: rgba(39, 174, 245, .85); /* blue */
    }
    /* Kubuntu User Testimony */
    .js-topic-prefix .prefix-kubuntu_user_testimony,
    .search-module-prefix .prefix-kubuntu_user_testimony,
    .b-post__title .prefix-kubuntu_user_testimony,
    .post-action-wrapper .prefix-kubuntu_user_testimony {
    color: #fff;
    border: 1px solid #f59d27;
    background-color: rgba(245, 157, 39, .85); /* orange */
    }
    /* Next Release Discussion */
    .js-topic-prefix .prefix-next_release_discuss,
    .search-module-prefix .prefix-next_release_discuss,
    .b-post__title .prefix-next_release_discuss,
    .post-action-wrapper .prefix-next_release_discuss {
    color: #fff;
    border: 1px solid #008000;
    background-color: rgba(0, 128, 0, .85); /* green */
    }
    /* Topic Prefix custom style - END */
    
    /* Position Search Box - START */
    #header { position: relative; }
    #header .header-cell { width: 100%; }
    #header .site-logo, #header .site-logo img { max-width: 100%; } /* makes logo spans the width of the header */
    #header .site-logo { padding: 0; } /* remove padding around the banner logo */
    #header .toolbar {
    position: absolute;
    right: 0; /* for LTR languages (change right to left for RTL; stylevar left/right doesn't work in css_additional) */
    bottom: -64px; /* you may need to adjust this accordingly */
    padding: 0;
    width: auto;
    }
    /* reduce search box width from 168px to 120px or any size if you want */
    .search-container .search-box .search-term { width: 120px; }
    /* Position Search Box - END */
    As an aside, how do you get content in CODE tags here, in your forum, to have the nice BLACK background and BRIGHT WHITE text? I find that much easier on my eyes, and I'd like to have that in our site for CODE tag content.
    The Linux Community has given me much. I do what I can to return the favor!

    Comment


      #18
      I've eliminated any code in css_additional.css. I removed all the code there, and the color of the up triangle didn't change; it remains 'light'. I also eliminated the current Style being responsible; I checked with several others, including the Default. The color of the up triangle remains 'light'. Something else is causing this. It doesn't happen here, so...
      The Linux Community has given me much. I do what I can to return the favor!

      Comment


        #19
        It's not a css_additional issue. The issue is if you view the HTML source (right-click > View page source), you'll see "b-icon--disabled" in the Top button class attribute. This is the raw HTML source generated from the server which means this class is being added directly from server-side (template or PHP) and not client-side (Javascript). Check the mod template "hook_gototop" in the Style Manager and see if it's modified and if it contains "b-icon--disabled". I double-checked the default mod template from the product XML and I confirmed that it doesn't have that class.
        Helpful? Donate. Thanks!
        Buy me a coffeePayPal QR Code
        Fast VPS Host for vBulletin:
        A2 Hosting & IONOS

        Comment


          #20
          glennrocksvb
          Founder/Coder
          glennrocksvb Thank you. I just checked the Style I'm using and "hook_gototop" isn't modified but it does reflect "b-icon--disabled". When I'm looking at "hook_gototop", it says that it's coming from your Post Footer Go To Top by vBMods.rocks. Is that correct? Looking at the .xml file for that MOD I don't find "b-icon--disabled".
          The Linux Community has given me much. I do what I can to return the favor!

          Comment


            #21
            It's weird that the hook_gototop template contains "b-icon--disabled" but isn't modified. Try uninstalling the Post Footer Go To Top mod and then confirm that the hook_gototop template no longer exists. Once the mod is totally removed, re-install it. After installing, confirm that the hook_gototop template doesn't contain "b-icon--disabled".
            Helpful? Donate. Thanks!
            Buy me a coffeePayPal QR Code
            Fast VPS Host for vBulletin:
            A2 Hosting & IONOS

            Comment


              #22
              glennrocksvb
              Founder/Coder
              glennrocksvb Thank you. Done. Uninstalled the MOD. Checked our site, and Go to Top in post footer gone. Looked for hook_gototop in templates. Didn't exist. Reinstalled the MOD. Checked our site, and Go to Top in post footer present, with the up triangle still 'light'. Checked for hook_gototop in templates. It exists. This is what it contains:
              Code:
              <li class="h-margin-top-xs b-post-control b-post-control--responsive js-post-footer-go-to-top js-comp-menu--exclude-from-dropdown" style="float:{vb:stylevar right};">
              <span class="b-icon b-icon__arrow-up-s b-post-control__icon b-icon--disabled"></span><span class="b-post-control__label">{vb:phrase top}</span>
              </li>
              The Linux Community has given me much. I do what I can to return the favor!

              Comment


              • glennrocksvb
                glennrocksvb
                Founder/Coder
                glennrocksvb commented
                Editing a comment
                Can you double check the product XML file for this mod if it contains b-icon--disabled?

              #23
              glennrocksvb
              Founder/Coder
              glennrocksvb It does!

              Code:
               <template name="hook_gototop" templatetype="template" date="1528958258" username="vBMods.rocks" version="1.0"><![CDATA[<li class="h-margin-top-xs b-post-control b-post-control--responsive js-post-footer-go-to-top js-comp-menu--exclude-from-dropdown" style="float:{vb:stylevar right};">
              <span class="b-icon b-icon__arrow-up-s b-post-control__icon b-icon--disabled"></span><span class="b-post-control__label">{vb:phrase top}</span>
              </li>]]></template>
              The Linux Community has given me much. I do what I can to return the favor!

              Comment


              • glennrocksvb
                glennrocksvb
                Founder/Coder
                glennrocksvb commented
                Editing a comment
                Oh ok, I don't know how it ended up there. Remove it and install the mod again with overwrite option. You don't have to uninstall. Meanwhile, I'll check the download link for the mod in fetchapp and update the zip file. Thanks

              #24
              glennrocksvb
              Founder/Coder
              glennrocksvb Just remove "b-icon--disabled" ?

              Yup. That's it. Deleted it from the .xml. Installed again with Allow Overwrite 'Yes'. The up triangle is now 'dark'.

              Thank you.
              The Linux Community has given me much. I do what I can to return the favor!

              Comment


              #25
              Released v1.1 to remove the the "b-icon--disabled" that was causing the arrow to be grayed out. First post updated to reflect this change.
              Helpful? Donate. Thanks!
              Buy me a coffeePayPal QR Code
              Fast VPS Host for vBulletin:
              A2 Hosting & IONOS

              Comment

              Latest Topics

              Collapse

              Working...
              X