Top left icons problem

[Denanz]

Top left side, icons not show, how fix it?

[SaiyajinK]

On the stable channel no problem :

but yes, I noticed this yesterday on the beta channel.

I already have the fix for that, I'm waiting for the beta branch to be moved to the stable channel to update.

[Denanz]

Thanks for answer, looking forward to the update!

[SaiyajinK]

@Denanz Are you on the beta branch for a particular reason? otherwise switch to the stable channel and everything will be back to normal.

Otherwise I can give you the fix but it will be up to you to modify it (while keeping in mind that each time you update the skin, you will have to reapply everything)

_

Go to > C:\Program Files (x86)\Steam\steamui\skins\Minimal-Dark-for-Steam-root\ and open -libraryroot.custom.css- with Notepad++ and search the name of the class and modify the values

Example : search ._2UyOBeiSdBayaFdRa39N2O and modify all values :

The fix :

._2UyOBeiSdBayaFdRa39N2O {
    color: var(--minimal_dark_topgrey);
    font-size: 12px;
    padding: 6px 4px;
    transition: none !important;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 100%;
    padding-left: 10px;
    margin-left: -9px;
    margin-right: 2px !important;
}

._2UyOBeiSdBayaFdRa39N2O:nth-of-type(2) {
    color: var(--minimal_dark_transparent);
    width: 19px;
    padding: 10px 0px 10px 0px;
    margin-left: 18px;
    background-color: var(--minimal_dark_topgrey);
    -webkit-mask-image: var(--minimal_dark_display);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    margin-right: 7px !important;
}

._2UyOBeiSdBayaFdRa39N2O:nth-of-type(2):hover {
    color: var(--minimal_dark_transparent);
    width: 19px;
    padding: 10px 0px 10px 0px;
    margin-left: 18px;
    background-color: var(--minimal_dark_color);
    -webkit-mask-image: var(--minimal_dark_display);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    margin-right: 7px !important;
}

._2UyOBeiSdBayaFdRa39N2O:nth-of-type(2):active {
    color: var(--minimal_dark_transparent);
    width: 19px;
    padding: 10px 0px 10px 0px;
    margin-left: 18px;
    background-color: var(--minimal_dark_white);
    -webkit-mask-image: var(--minimal_dark_display);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    margin-right: 7px !important;
}

/* Contact menu */
._2UyOBeiSdBayaFdRa39N2O:nth-of-type(3) {
    color: var(--minimal_dark_transparent);
    width: 22px;
    margin-left: 7px;
    margin-top: -2px;
    background-color: var(--minimal_dark_topgrey);
    -webkit-mask-image: var(--minimal_dark_contact);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    transform: scale(0.98) translate(0px, 0px);
    margin-bottom: -1px !important;
    margin-right: 7px !important;
}

._2UyOBeiSdBayaFdRa39N2O:nth-of-type(3):hover {
    color: var(--minimal_dark_transparent);
    width: 22px;
    margin-left: 7px;
    margin-top: -2px;
    background-color: var(--minimal_dark_color);
    -webkit-mask-image: var(--minimal_dark_contact);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    transform: scale(0.98) translate(0px, 0px);
    margin-bottom: -1px !important;
    margin-right: 7px !important;
}

._2UyOBeiSdBayaFdRa39N2O:nth-of-type(3):active {
    color: var(--minimal_dark_transparent);
    width: 22px;
    margin-left: 7px;
    margin-top: -2px;
    background-color: var(--minimal_dark_white);
    -webkit-mask-image: var(--minimal_dark_contact);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    transform: scale(0.98) translate(0px, 0px);
    margin-bottom: -1px !important;
    margin-right: 7px !important;
}

/* Game menu */
._2UyOBeiSdBayaFdRa39N2O:nth-of-type(4) {
    color: var(--minimal_dark_transparent);
    width: 16px;
    padding: 10px 0px 10px 0px;
    margin-left: 8px;
    margin-top: 0px;
    background-color: var(--minimal_dark_topgrey);
    -webkit-mask-image: var(--minimal_dark_game);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    margin-right: 7px !important;
}

._2UyOBeiSdBayaFdRa39N2O:nth-of-type(4):hover {
    color: var(--minimal_dark_transparent);
    width: 16px;
    padding: 10px 0px 10px 0px;
    margin-left: 8px;
    margin-top: 0px;
    background-color: var(--minimal_dark_color);
    -webkit-mask-image: var(--minimal_dark_game);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    margin-right: 7px !important;
}

._2UyOBeiSdBayaFdRa39N2O:nth-of-type(4):active {
    color: var(--minimal_dark_transparent);
    width: 16px;
    padding: 10px 0px 10px 0px;
    margin-left: 8px;
    margin-top: 0px;
    background-color: var(--minimal_dark_white);
    -webkit-mask-image: var(--minimal_dark_game);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    margin-right: 7px !important;
}

/* Support menu */
._2UyOBeiSdBayaFdRa39N2O:nth-of-type(5) {
    color: var(--minimal_dark_transparent);
    width: 19px;
    padding: 10px 0px 10px 0px;
    margin-left: 9px;
    margin-top: 0px;
    background-color: var(--minimal_dark_topgrey);
    -webkit-mask-image: var(--minimal_dark_help);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    margin-right: 7px !important;
}

._2UyOBeiSdBayaFdRa39N2O:nth-of-type(5):hover {
    color: var(--minimal_dark_transparent);
    width: 19px;
    padding: 10px 0px 10px 0px;
    margin-left: 9px;
    margin-top: 0px;
    background-color: var(--minimal_dark_color);
    -webkit-mask-image: var(--minimal_dark_help);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    margin-right: 7px !important;
}

._2UyOBeiSdBayaFdRa39N2O:nth-of-type(5):active {
    color: var(--minimal_dark_transparent);
    width: 19px;
    padding: 10px 0px 10px 0px;
    margin-left: 9px;
    margin-top: 1px;
    background-color: var(--minimal_dark_white);
    -webkit-mask-image: var(--minimal_dark_help);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    margin-right: 7px !important;
}

[Denanz]

I'm in the beta branch because I saw a new version of this skin on Github, well, I didn't know it was a beta branch :D

[SaiyajinK]

Skin updates only change the stable channel interface. So you don't need to go to the beta channel for an update or as soon as there is an update.

You should know that the skin partially works with the beta channel, but if there are any changes made to the latter, they will not be corrected until the beta channel switches to the stable channel.

Use Millennium if you haven't already and use the stable channel on Steam.

[SaiyajinK]

@Denanz The part of the beta branch that was causing the problem was moved last night to the stable channel, I'm just saying that for information purposes. 2.9.7 version includes the fix in question of the buttons in top corner left.