Skip to content

Instantly share code, notes, and snippets.

@nirewen
Last active October 5, 2016 18:15
Show Gist options
  • Save nirewen/7062fe5a53fda12b35855a2f574e6e8c to your computer and use it in GitHub Desktop.
Save nirewen/7062fe5a53fda12b35855a2f574e6e8c to your computer and use it in GitHub Desktop.
.status-online + .status-text {font-size: 0px;}
.status-online + .status-text:after {
content: var(--online-localstring);
font-size: 16px;
position: relative;
top: 3px;
}
.status-idle + .status-text {font-size: 0px;}
.status-idle + .status-text:after {
content: var(--idle-localstring);
font-size: 16px;
position: relative;
top: 3px;
}
.status-dnd + .status-text {font-size: 0px;}
.status-dnd + .status-text:after {
content: var(--dnd-localstring);
font-size: 16px;
position: relative;
top: 3px;
}
.status-invisible + .status-text {font-size: 0px;}
.status-invisible + .status-text:after {
content: var(--invisible-localstring);
font-size: 16px;
position: relative;
top: 3px;
}
.status-picker .popout-menu-item:nth-of-type(4) .helper {font-size: 0px;}
.status-picker .popout-menu-item:nth-of-type(4) .helper:after {
content: var(--dnd-helper-localstring);
font-size: 11px;
position: relative;
top: 3px;
}
.status-picker .popout-menu-item:nth-of-type(5) .helper {font-size: 0px;}
.status-picker .popout-menu-item:nth-of-type(5) .helper:after {
content: var(--invisible-helper-localstring);
font-size: 11px;
position: relative;
top: 3px;
}
@import url(https://rawgit.com/nirewen/7062fe5a53fda12b35855a2f574e6e8c/raw/status-translatable.css);
:root {
--online-localstring: "Online";
--idle-localstring: "Idle";
--dnd-localstring: "Do Not Disturb";
--invisible-localstring: "Invisible";
--dnd-helper-localstring: "You will not receive any desktop notifications.";
--invisible-helper-localstring: "You will not appear online, but will have full access to all of Discord.";
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment