tobast/glowingbear-mainbox
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Fix word breaking

Browse source 
Use break-all to force breaking in all browsers.
This commit is contained in:
Tor Hveem 2014-08-14 15:18:24 +02:00
parent 09f94d360e
commit 7baffb15e0
2 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
css/glowingbear.css
View file

@ -56,11 +56,21 @@ td.prefix {
border-right: 1px solid #444; border-right: 1px solid #444;
} }
td.message { td.message {
word-wrap: break-word;
word-break: break-word;
vertical-align: top; vertical-align: top;
width: 100%; width: 100%;
padding: 1px 1px 1px 5px; padding: 1px 1px 1px 5px;
-ms-word-break: break-all;
word-break: break-all;
/* Non standard for webkit */
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
} }
#readmarker { #readmarker {
margin-top: 5px; margin-top: 5px;

2
index.html
View file

@ -30,7 +30,7 @@
<script type="text/javascript" src="3rdparty/bindonce.min.js"></script> <script type="text/javascript" src="3rdparty/bindonce.min.js"></script>
<script type="text/javascript" src="3rdparty/favico-0.3.4-mod.min.js"></script> <script type="text/javascript" src="3rdparty/favico-0.3.4-mod.min.js"></script>
</head> </head>
<body ng-controller="WeechatCtrl" ng-keydown="handleKeyPress($event)" ng-class="{'no-overflow': connected}"> <body ng-controller="WeechatCtrl" ng-keydown="handleKeyPress($event)" ng-class="{'no-overflow': connected}" lang="en-US">
<div ng-hide="connected" class="container"> <div ng-hide="connected" class="container">
<h2> <h2>
<img alt="logo" src="assets/img/glowing-bear.svg"> <img alt="logo" src="assets/img/glowing-bear.svg">