flewkey/tooty
1
0
Fork 0
Code Releases Activity

Fixed ellipsis and loong URL (finally) (#71)

Browse Source
This commit is contained in:
Nicolas Lœuillet 2017-04-27 12:31:22 +02:00 committed by Nicolas Perriault
parent 2de53bd103
commit f983e00387
1 changed files with 19 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
public/style.css
View File

@ -226,64 +226,53 @@ body {
/* Status text content rules */ /* Status text content rules */
.attachment { .attachment, .hashtag, .ellipsis {
white-space: pre-wrap; white-space: pre-wrap;
word-wrap: break-word; word-wrap: break-word;
} }
.hashtag { .ellipsis:after {
white-space: pre-wrap; content:"…"
word-wrap: break-word;
}
.ellipsis {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} }
.invisible { .invisible {
display: none; display: none;
} }
/* Account rules */ /* Account rules */
.account-detail { .account-detail {
text-align:center; text-align:center;
} }
.account-detail .opacity-layer{ .account-detail .opacity-layer{
background: rgba(49,53,67,0.9); background: rgba(49,53,67,0.9);
} }
.account-detail img { .account-detail img {
border-radius: 90px; border-radius: 90px;
padding:20px; padding:20px;
display: block; display: block;
margin:0 auto 0; margin:0 auto 0;
} }
.account-detail .account-display-name { .account-detail .account-display-name {
display: block; display: block;
font-size: 130%; font-size: 130%;
font-weight: bold; font-weight: bold;
} }
.account-detail .account-username { .account-detail .account-username {
display: block; display: block;
} }
.account-detail .account-note { .account-detail .account-note {
display: block; display: block;
padding: 5px 15px 15px 15px; padding: 5px 15px 15px 15px;
} }
.account-infos { .account-infos {
text-align:center; text-align:center;
padding: 15px; padding: 15px;
} }
/* Viewer */ /* Viewer */
@ -357,6 +346,6 @@ body {
/* 100% image width on smaller screens */ /* 100% image width on smaller screens */
@media only screen and (max-width: 700px) { @media only screen and (max-width: 700px) {
.viewer-content { .viewer-content {
width: 100%; width: 100%;
} }
} }