worst/pleroma-fe
1
0
Fork 0
forked from AkkomaGang/akkoma-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix word wrapping on Firefox.

Browse source 
Also, move some css around.

See https://bugzilla.mozilla.org/show_bug.cgi?id=1136818 for the word
wrapping stuff.
This commit is contained in:
Roger Braun 2016-11-25 13:42:33 +01:00
parent c8d25eab61
commit 08393b8580
2 changed files with 26 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/App.scss
View file

@ -145,10 +145,6 @@ status.ng-enter.ng-enter-active {
} }
.media-body {
flex: 1
}
#content { #content {
margin: auto; margin: auto;
max-width: 920px; max-width: 920px;
@ -163,34 +159,14 @@ status.ng-enter.ng-enter-active {
padding-left: 0.3em; padding-left: 0.3em;
} }
.status .avatar { .container > * {
width: 48px; min-width: 0px;
}
.status.compact .avatar {
width: 32px;
}
.status {
padding: 0.5em;
padding-right: 1em;
border-bottom: 1px solid silver;
}
.status-el:last-child .status {
border: none
} }
[ng-click] { [ng-click] {
cursor: pointer; cursor: pointer;
} }
.status-el p {
margin: 0;
margin-top: 0.2em;
margin-bottom: 0.5em;
}
.user-info { .user-info {
padding: 1em; padding: 1em;
img { img {

24
src/components/status/status.vue
View file

@ -71,6 +71,12 @@
margin-top: 3px; margin-top: 3px;
margin-bottom: 3px; margin-bottom: 3px;
} }
p {
margin: 0;
margin-top: 0.2em;
margin-bottom: 0.5em;
}
} }
.status-actions { .status-actions {
@ -80,4 +86,22 @@
.icon-reply:hover { .icon-reply:hover {
color: $blue; color: $blue;
} }
.status .avatar {
width: 48px;
}
.status.compact .avatar {
width: 32px;
}
.status {
padding: 0.5em;
padding-right: 1em;
border-bottom: 1px solid silver;
}
.status-el:last-child .status {
border: none
}
</style> </style>