diff options
| -rw-r--r-- | public/css/extra.css | 17 | ||||
| -rw-r--r-- | views/result.ejs | 2 |
2 files changed, 15 insertions, 4 deletions
diff --git a/public/css/extra.css b/public/css/extra.css index 0cc2011..978d2cb 100644 --- a/public/css/extra.css +++ b/public/css/extra.css @@ -1,18 +1,29 @@ /*! * Extra set of rules over Bootstrap */ -.card:hover { +.card:hover +{ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; transition: all .5s; } -.green-text { +.green-text +{ color: rgb(120, 153, 34); } -.text-bg-dark-shade { +.text-bg-dark-shade +{ --bs-bg-opacity: 1; color: #fff !important; background-color: rgba(47, 49, 54, var(--bs-bg-opacity)) !important; ; +} + +.limit-text +{ + max-width: 30rem; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; }
\ No newline at end of file diff --git a/views/result.ejs b/views/result.ejs index 3e23245..b4ba849 100644 --- a/views/result.ejs +++ b/views/result.ejs @@ -19,7 +19,7 @@ <tbody class="table-group-divider"> <% results.data.forEach(result => { %> <tr> - <td class="text-start text-white"><%= result.name %></td> + <td class="text-start text-white limit-text"><%= result.name %></td> <td class="text-white"><%= functions.getCategory(parseInt(result.category)) %></td> <td class="text-white"> <a class="link-light" href=<%= functions.makeMagnet(result.info_hash, result.name) %>> |