mirror of
https://github.com/sudoxnym/habitica.git
synced 2026-08-05 03:52:14 +00:00
03a73bab72
TL;DR - made tavern chat posts word-wrap, with a max-height to prevent long posts from disrupting scrolling of site Explanation: Don't know if anyone noticed that random post by an unnamed person (blank name) with the text of "HELLOOOOO…[repeat a bazillion times]. Well this "broke" chat, meaning there was all of a sudden this side scroll action (which is particularly annoying with multitouch mouse pads). This adjustment prevents such a thing from happening again. Think of "code view" in forums, where text is in it's own little scrolly window.
45 lines
721 B
Stylus
45 lines
721 B
Stylus
.full-width
|
|
width 100%
|
|
|
|
.border-right
|
|
border-right 1px solid #ddd
|
|
|
|
.game-tabs a
|
|
cursor pointer
|
|
|
|
.tab-notification
|
|
color #fff
|
|
background-color #51a351
|
|
|
|
.tavern-pane
|
|
position relative
|
|
height 250px
|
|
|
|
.tavern-chat, .party-chat
|
|
|
|
li
|
|
padding-top:15px
|
|
padding-bottom:15px
|
|
border-bottom 1px solid #ddd
|
|
word-wrap: break-word;
|
|
max-height: 12em;
|
|
overflow: scroll;
|
|
|
|
&.highlight
|
|
background #EEE
|
|
|
|
#market-tab
|
|
position relative
|
|
height 500px
|
|
|
|
.zzz
|
|
background: url('/img/sprites/shop_sprites.png') no-repeat
|
|
background-position: -1200px 0px
|
|
width: 40px
|
|
height: 40px
|
|
|
|
.buttonList li
|
|
margin: 5px;
|
|
|
|
.option-group .option-time
|
|
padding: 0px 5px
|