From 028872186409cce1ad45ac5c6e0b2339bd426a8c Mon Sep 17 00:00:00 2001 From: "Dr.Cloud" Date: Tue, 21 Jun 2016 15:49:42 +0300 Subject: [PATCH 1/2] Fix .package-link class for long package name --- app/styles/app.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/app/styles/app.css b/app/styles/app.css index fdd8bdf..ad79cef 100644 --- a/app/styles/app.css +++ b/app/styles/app.css @@ -159,6 +159,11 @@ a.sort-button { .package-link { font-size: 24px; + max-width: 100%; + height: 35px; + overflow: hidden; + display: inline-block; + word-break: break-all; } .new-package { From f7ed99fc962fa11e9646d82716c95d67f8388ce4 Mon Sep 17 00:00:00 2001 From: "Ghamdi, Hamzah" Date: Tue, 21 Jun 2016 22:38:11 +0300 Subject: [PATCH 2/2] Add ellipsis & Max width for cell-name --- app/styles/app.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/app/styles/app.css b/app/styles/app.css index ad79cef..f7efacb 100644 --- a/app/styles/app.css +++ b/app/styles/app.css @@ -104,6 +104,7 @@ input[type="search"]::-webkit-search-cancel-button { .cell-name { padding: 8px 8px 15px 8px !important; + max-width: 606px; } .cell-gravatar { @@ -159,11 +160,14 @@ a.sort-button { .package-link { font-size: 24px; - max-width: 100%; - height: 35px; + max-width: 90%; + height: 42px; overflow: hidden; display: inline-block; word-break: break-all; + vertical-align: middle; + white-space: nowrap; + text-overflow: ellipsis; } .new-package {