diff options
| author | Jules Laplace <jules@okfoc.us> | 2014-11-07 18:42:47 -0500 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2014-11-07 18:42:47 -0500 |
| commit | dd339f073cd53e7067ac1ea9bd2035b1c11914f0 (patch) | |
| tree | fcc779c5e408354cc16a74a71bd71e5fbc1fbf8c | |
| parent | 94f19d836cfc80cd9d4fcfed17c1e2f025002994 (diff) | |
max-height on descriptions
| -rwxr-xr-x | public/assets/stylesheets/app.css | 16 | ||||
| -rw-r--r-- | views/controls/reader/about-room.ejs | 2 | ||||
| -rw-r--r-- | views/controls/reader/media-player.ejs | 2 |
3 files changed, 18 insertions, 2 deletions
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index 5d67f50..e6b5570 100755 --- a/public/assets/stylesheets/app.css +++ b/public/assets/stylesheets/app.css @@ -2509,6 +2509,22 @@ a[data-role="forgot-password"] { .aboutRoom h1 { font-size:26px; } +.txt.description { + max-height: 200px; + overflow: auto; +} +.txt.description::-webkit-scrollbar { + width: 4px; +} +.txt.description::-webkit-scrollbar-track { +} +.txt.description::-webkit-scrollbar-thumb { + background: #000; +} +::-webkit-scrollbar-thumb:window-inactive { + background: #888; +} + .txt { font-size:12px; padding:5px 0; diff --git a/views/controls/reader/about-room.ejs b/views/controls/reader/about-room.ejs index 7e02e93..2bd3f0c 100644 --- a/views/controls/reader/about-room.ejs +++ b/views/controls/reader/about-room.ejs @@ -4,7 +4,7 @@ <a href="[[- authorlink ]]" class="authorName">[[- author ]]</a> </h1> [[ if (description) { ]] - <span class="txt">[[- description ]]</span> + <span class="txt description">[[- description ]]</span> [[ } ]] <span class="txt">Last modified [[- date ]]</span> diff --git a/views/controls/reader/media-player.ejs b/views/controls/reader/media-player.ejs index 0ca89c5..9872592 100644 --- a/views/controls/reader/media-player.ejs +++ b/views/controls/reader/media-player.ejs @@ -13,7 +13,7 @@ <span class="name"></span> <div class="author"></div> - <div class="description"></div> + <div class="txt description"></div> <div class="dimensions"></div> </div> |