Użytkownik:Mruczek/CSS dla discorda

Z MruczekWiki

Moja próba naprawienia stylu na discordzie xD

tak mniej więcej wygląda

Powinno działać w przeglądarkowej i windowsowej wersji. Ten styl jeszcze nie jest dokończony :|

/* usunięcie guzika z prezentem i gifem */
.buttonWrapper-1ZmCpA.button-38aScr.lookBlank-3eh9lL.colorBrand-3pXr91.grow-q77ONN {
    display: none;
}

/* usunięte emotki po najechaniu na wiadomosc */
.buttonContainer-DHceWr>.buttons-cl5qTG>.wrapper-2aW0bm>.emojiButton-jE9tXC,
.buttonContainer-DHceWr>.buttons-cl5qTG>.wrapper-2aW0bm>.emojiSeparator-10VgEJ {
    display: none;
}
/* styl okienka po najechaniu na wiadomosc */
.buttonContainer-DHceWr>.buttons-cl5qTG{
    top: 0;
}
.buttonContainer-DHceWr>.buttons-cl5qTG>.wrapper-2aW0bm {
    background-color: var(--background-primary);
    box-shadow: none;
    height: 24px;
}
.buttonContainer-DHceWr .button-1ZiXG9 {
    height: 16px;
    min-width: 16px;
}

/* linia między wiadomościami */
.message-2qnXI6.groupStart-23k01U {
    margin-top: 10px;
    border-top: 1px solid var(--background-modifier-accent);
    padding-top: 10px;
}
.message-2qnXI6.groupStart-23k01U .buttonContainer-DHceWr>.buttons-cl5qTG{
    top: 10px;
}
.divider-3_HH5L + .message-2qnXI6 {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

/* tło po najechaniu na wioadomość */
.mouse-mode .message-2qnXI6:hover {
    background-color: transparent !important;
}

/* stare paddingi i linia na dole czatu */
.messagesWrapper-3lZDfY .scrollerWrapPolyfill-DBQCMm .scroller-2FKFPG.systemPad-3UxEGl,
.messagesWrapper-3lZDfY .scrollerWrap-2su1QI .scroller-2FKFPG.systemPad-3UxEGl {
    margin-left: 17px;
    margin-bottom: 25px;
    border-bottom: 1px solid var(--background-modifier-accent);
}
.message-2qnXI6 {
    padding-left: 0;
    padding-top: 0;
}
.message-2qnXI6 .compact-T3H92H .container-3FojY8 {
    padding-top: 0;
    padding-bottom: 0;
}
.message-2qnXI6 .containerCompact-3pGPJs {
    display: initial;
}
.scroller-3sQKXg::after {
    height: 10px;
}

/* stary pasek new messages */
.divider-3_HH5L.isUnread-3Ef-o9 .unreadPill-2HyYtt {
    display: none;
}
.divider-3_HH5L.isUnread-3Ef-o9::after {
    content: "New Messages";
    text-transform: uppercase;
    z-index: 1;
    color: #f04747;
    font-weight: 600;
    background-color: var(--background-primary);
    padding: 0 10px;
}
.divider-3_HH5L.isUnread-3Ef-o9 {
    margin: 8px 0;
}

Źródło: „https://mruczek.wiki/index.php?title=Użytkownik:Mruczek/CSS_dla_discorda&oldid=15439”