search

CapnKitten / Material-Discord

Material design theme for Discord
345 stars 152 forks source link

Add support for compact mode #143

Closed zisis912 closed 3 years ago

zisis912 commented 3 years ago

When I installed the theme, it looked weird and I knew why. It is because I have compact mode. Could you please make it work on compact mode? I hate cozy mode

CapnKitten commented 3 years ago

The theme already has support for compact mode. a75H3c

zisis912 commented 3 years ago

image not for me, it seems like the complete timestamps plugin breaks it. Could you try making a fix to make it compatible with complete timestamps? I really like it

CapnKitten commented 3 years ago

There's no clear way from what I can see to differentiate between the plugin being off and on. So as a quick fix for the time being, you can add the following code to either your custom css or the theme file itself:

.wrapper-2a6GCs.compact-T3H92H {
    margin-left: 136px;
}

.wrapper-2a6GCs.compact-T3H92H .contents-2mQqc9 {
    margin-left: -156px;
    padding-left: 156px;
    text-indent: calc(-156px - -1rem);
}
zisis912 commented 3 years ago

thanks, maybe you could add something that detects what other plugins are laoded and if complete timestamps is loaded, then use this code?

CapnKitten commented 3 years ago

Unless the plugin has plugin-specific class/id names, something like that isn't possible with css.

zisis912 commented 3 years ago

oh ok