Skip to content

YouTube Full View Count and Date (Updated) by jugami1

Screenshot of YouTube Full View Count and Date (Updated)
Write a review Install Get Stylus

Details

Authorjugami1

LicenseCC-BY-NC-SA-4.0

Categoryyoutube.com

Created

Updated

Size3.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Notes

This userstyle was originally created by thissteveguy. Unfortunately, I've noticed that sometimes this style doesn't work correctly - the view count and date are sometimes misplaced, so I've added a few fixes that should solve this problem (at least for now).

Source code

/* ==UserStyle==
@name         YouTube Full View Count and Date (Updated)
@version      1.2
@namespace    github.com/openstyles/stylus
@description  Fixes to the userstyle by thissteveguy
@author       jugami1
==/UserStyle== */

@-moz-document domain("youtube.com") {
yt-formatted-string#info {
    display: none;
}

#description .tp-yt-paper-tooltip {
    display: block !important;
    opacity: 1 !important;
    top: 0 !important;
    left: 0 !important;
    padding: 5px 0px 0px 4px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    user-select: text !important;
}

html:not([dark]) #description .ytd-watch-metadata .tp-yt-paper-tooltip {
    color: var(--yt-formatted-string-bold-color, inherit);
    background-color: transparent !important;
}

html[dark] #description .ytd-watch-metadata .tp-yt-paper-tooltip {
    color: var(--yt-formatted-string-bold-color, inherit);
    background-color: transparent !important;
}

ytd-watch-metadata:not([description-collapsed]) #bottom-row #description .ytd-watch-metadata .tp-yt-paper-tooltip {
    /*visibility: hidden;*/
    display: none !important;
}

ytd-watch-metadata:not([description-collapsed]) yt-formatted-string#info {
    display: block;
}

#bottom-row #description yt-formatted-string#info span:first-child + span:before {
    content: " •";
    margin-right: -3.5px;
}

#bottom-row #description yt-formatted-string#info span:nth-child(3) + span:before {
    content: " •";
    margin-right: -3.5px;
}

ytd-watch-metadata[description-collapsed] yt-formatted-string#info.style-scope.ytd-watch-info-text {
    margin-left: -7px;
}

ytd-watch-metadata[description-collapsed] yt-formatted-string#info.style-scope.ytd-watch-info-text:before {
    content: " •";
    margin-right: 3.5px;
}

ytd-watch-metadata[description-collapsed] #bottom-row #description .ytd-watch-metadata .tp-yt-paper-tooltip {
    position: relative;
    overflow: hidden;
    max-height: 19px;
}

tp-yt-paper-tooltip.style-scope.ytd-watch-metadata {
    left: 0 !important;
    top: 0 !important;
}

ytd-watch-metadata[description-collapsed] #description.ytd-watch-metadata {
    display: flex;
}

ytd-watch-metadata:not([description-collapsed]) #description.ytd-watch-metadata {
    display: block;
}

ytd-watch-metadata[description-collapsed] #info-container.ytd-watch-metadata {
    display: none;
}

ytd-watch-metadata[description-collapsed] #description-inner.ytd-watch-metadata {
    margin-top: 32px !important;
}

view-count.ytd-watch-info-text, #date-text.ytd-watch-info-text {
    display: none;
    white-space: pre;
}

ytd-watch-info-text {
    display: flex;
}

tp-yt-paper-tooltip.style-scope.ytd-watch-info-text {
    top: 0 !important;
    left: 0 !important;
}

ytd-watch-metadata[description-collapsed] #info-container.ytd-watch-info-text {
    display: none !important;
}
}

Reviews

No reviews yet.