rowan/multi-account-containers
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix #141: container-name class truncate long names

Browse source
This commit is contained in:
groovecoder 2017-02-02 13:47:37 -06:00
parent 6115b1bcb9
commit 7eaff4688f
3 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
webextension/css/popup.css
View file

@ -162,6 +162,13 @@ table.unstriped tbody tr {
color: #0a0a0a; color: #0a0a0a;
} }
.container-name {
max-inline-size: 7em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.edit-container-panel [type="radio"] { .edit-container-panel [type="radio"] {
display: inline; display: inline;
margin-inline-start: -17px; margin-inline-start: -17px;

4
webextension/js/popup.js
View file

@ -234,7 +234,7 @@ Logic.registerPanel(P_CONTAINERS_LIST, {
data-identity-color="${identity.color}"> data-identity-color="${identity.color}">
</div> </div>
</td> </td>
<td class="open-newtab">${identity.name}</td> <td class="open-newtab container-name">${identity.name}</td>
<td class="show-tabs"><img src="/img/container-arrow.svg" class="show-tabs ${arrowClass}" /></td>`; <td class="show-tabs"><img src="/img/container-arrow.svg" class="show-tabs ${arrowClass}" /></td>`;
tr.addEventListener("click", e => { tr.addEventListener("click", e => {
@ -397,7 +397,7 @@ Logic.registerPanel(P_CONTAINERS_EDIT, {
data-identity-color="${identity.color}"> data-identity-color="${identity.color}">
</div> </div>
</td> </td>
<td>${identity.name}</td> <td class="container-name">${identity.name}</td>
<td class="edit-container"> <td class="edit-container">
<img <img
title="Edit ${identity.name} container" title="Edit ${identity.name} container"

4
webextension/popup.html
View file

@ -68,7 +68,7 @@
<div class="small-10 columns"> <div class="small-10 columns">
<div class="row container-info-panel-header"> <div class="row container-info-panel-header">
<span class="usercontext-icon" id="container-info-icon"></span> <span class="usercontext-icon" id="container-info-icon"></span>
<h3 id="container-info-name" class="panel-header-text"></h3> <h3 id="container-info-name" class="panel-header-text container-name"></h3>
</div> </div>
<div class="row container-info-panel-hide container-info-has-tabs clickable" id="container-info-hideorshow"> <div class="row container-info-panel-hide container-info-has-tabs clickable" id="container-info-hideorshow">
<img id="container-info-hideorshow-icon" alt="Hide Container icon" src="/img/container-hide.svg" class="icon container-info-panel-hideorshow-icon"/><span id="container-info-hideorshow-label">Hide this container</span><br/> <img id="container-info-hideorshow-icon" alt="Hide Container icon" src="/img/container-hide.svg" class="icon container-info-panel-hideorshow-icon"/><span id="container-info-hideorshow-label">Hide this container</span><br/>
@ -144,7 +144,7 @@
<div class="small-12 columns"> <div class="small-12 columns">
<div class="row container-info-panel-header"> <div class="row container-info-panel-header">
<span class="usercontext-icon" id="delete-container-icon"></span> <span class="usercontext-icon" id="delete-container-icon"></span>
<h3 id="delete-container-name" class="panel-header-text"></h3> <h3 id="delete-container-name" class="panel-header-text container-name"></h3>
</div> </div>
<div class="row delete-container-confirm"> <div class="row delete-container-confirm">
<h4 class="delete-container-confirm-title">Remove This Container</h4> <h4 class="delete-container-confirm-title">Remove This Container</h4>