diff options
| author | Struan Donald <struan@exo.org.uk> | 2013-06-12 14:10:47 +0100 |
|---|---|---|
| committer | Struan Donald <struan@exo.org.uk> | 2013-06-12 18:47:53 +0100 |
| commit | 319ef51e2a050b54ff5ce87cde7216b255e079fb (patch) | |
| tree | 977ecf78f2ee30b4db94deadc457f65166a73a46 | |
| parent | b513e82c1e6fa9624d17fdfdc2809a5f6d53a1eb (diff) | |
simplify existing report ellipsis css and make it work with varying height box
| -rw-r--r-- | www/css/fms.css | 21 |
1 files changed, 4 insertions, 17 deletions
diff --git a/www/css/fms.css b/www/css/fms.css index bc2c4be..8d7d1b6 100644 --- a/www/css/fms.css +++ b/www/css/fms.css @@ -155,19 +155,13 @@ width: 200px; } - /* taken from http://www.mobify.com/blog/multiline-ellipsis-in-pure-css/ */ + /* taken and modified from http://www.mobify.com/blog/multiline-ellipsis-in-pure-css/ */ #existing_report div.details { max-height: 200px; overflow: hidden; line-height: 20px; } - #existing_report div.details:before { - content:""; - float: left; - width: 5px; height: 200px; - } - #existing_report div.details > *:first-child { float: right; width: 100%; @@ -181,19 +175,12 @@ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; - float: right; position: relative; - top: -20px; left: 100%; - width: 3em; margin-left: -3em; + position: relative; + top: 180px; left: 100%; + margin-left: -1em; padding-right: 5px; text-align: right; - - background: -webkit-gradient(linear, left top, right top, - from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white)); - background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); - background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); - background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); - background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); } #existing div.right { |