Skip to content

Instantly share code, notes, and snippets.

@hidao80

hidao80/Misskey2024_5_0TimeToAbsolute.css

Last active June 30, 2024 20:49
Show Gist options
  • Save hidao80/f67b98a9a783144209ad3af539bb6703 to your computer and use it in GitHub Desktop.
Save hidao80/f67b98a9a783144209ad3af539bb6703 to your computer and use it in GitHub Desktop.
Download ZIP
Stylesheet to Add Absolute Time to the Posting Time Section for Misskey 2024.5.0
Raw
Misskey2024_5_0TimeToAbsolute.css
/**
Copyright (c) 2024 hidao80
Released under the MIT license
http://opensource.org/licenses/mit-license.php
*/
/* not post-column */
article {
time::before {content: attr(title) " ("}
time::after {content: ")"}
}
/* Misskey desktop version note details */
.mk-note-detail article .info {
time::before {content: attr(title) " ("}
time::after {content: ")"}
}
/* Misskey mobile version notes in profile */
.mk-note-detail {
.reply-to .info time::before {content: attr(title) " ("}
article {
.info time::after {content: ")"}
/* Misskey mobile version note details */
time::before {content: ""}
time::after {content: ""}
}
}
/* posted-column in Misskey */
.transition {
time::before {content: attr(title) " ("}
time::after {content: ")"}
header.header {flex-wrap: wrap}
header.header>.name {display: block}
header.header>.username {display: block}
.info {
display: block;
text-align: right;
margin-left: auto;
>a, .info>span {display: inline-block}
}
}
/* notification column for home layout in Misskey */
.mk-notifications>.notifications>div>.notification>.text>header[data-v-b78fea54] {flex-wrap: wrap}
.notification header time {
display: block;
text-align: right;
margin-left: auto;
}
/* notification column for deck layout in Misskey */
.dsfykdcjpuwfvpefwufddclpjhzktmpw>.notification>div>header[data-v-bb2367fa] {flex-wrap: wrap}
.notification .header .info {
display: block;
text-align: right;
margin-left: auto;
}
/* Common user ID shortening style within Misskey */
.transition header.header { flex-wrap: nowrap !important }
.transition header.header > .username, .transition header.header > .username > .mk-acct {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
Raw
Misskey2024_5_0TimeToAbsolute.min.css
/**
Copyright (c) 2024 hidao80
Released under the MIT license
http://opensource.org/licenses/mit-license.php
*/
article{time::before{content:attr(title) " ("}time::after{content:")"}}.mk-note-detail article .info{time::before{content:attr(title) " ("}time::after{content:")"}}.mk-note-detail{.reply-to .info time::before{content:attr(title) " ("}article{.info time::after{content:")"}time::before{content:""}time::after{content:""}}}.transition{time::before{content:attr(title) " ("}time::after{content:")"}header.header{flex-wrap:wrap}header.header>.name{display:block}header.header>.username{display:block}.info{display:block;text-align:right;margin-left:auto;>a,.info>span{display:inline-block}}}.mk-notifications>.notifications>div>.notification>.text>header[data-v-b78fea54]{flex-wrap:wrap}.notification header time{display:block;text-align:right;margin-left:auto;}.dsfykdcjpuwfvpefwufddclpjhzktmpw>.notification>div>header[data-v-bb2367fa]{flex-wrap:wrap}.notification .header .info{display:block;text-align:right;margin-left:auto;}.transition header.header{flex-wrap:nowrap!important}.transition header.header>.username,.transition header.header>.username>.mk-acct{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment