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

fixing white space around svg icon in edit-container mode

Browse source
This commit is contained in:
silvererudite 2019-10-31 18:25:02 +06:00
parent 80e81efb94
commit 41070664c5
2 changed files with 6 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/css/popup.css
View file

@ -583,9 +583,11 @@ span ~ .panel-header-text {
padding-inline-start: 4px; padding-inline-start: 4px;
} }
.edit-containers-panel .userContext-wrapper { /* disabling this removes white spaces around svg icon in edit-containers mode */
/* .edit-containers-panel .userContext-wrapper {
max-inline-size: calc(var(--overflow-size) + 203px); max-inline-size: calc(var(--overflow-size) + 203px);
} } */
.disable-edit-containers { .disable-edit-containers {
opacity: var(--inactive-opacity); opacity: var(--inactive-opacity);

7
src/js/popup.js
View file

@ -895,6 +895,7 @@ Logic.registerPanel(P_CONTAINERS_EDIT, {
src="/img/container-edit.svg" src="/img/container-edit.svg"
class="pop-button-image" /> class="pop-button-image" />
</td> </td>
<td class="remove-container pop-button delete-container-icon"> <td class="remove-container pop-button delete-container-icon">
<img <img
class="pop-button-image" class="pop-button-image"
@ -904,19 +905,15 @@ Logic.registerPanel(P_CONTAINERS_EDIT, {
tr.querySelector(".container-name").textContent = identity.name; tr.querySelector(".container-name").textContent = identity.name;
tr.querySelector(".edit-container").setAttribute("title", `Edit ${identity.name} container`); tr.querySelector(".edit-container").setAttribute("title", `Edit ${identity.name} container`);
tr.querySelector(".remove-container").setAttribute("title", `Remove ${identity.name} container`); tr.querySelector(".remove-container").setAttribute("title", `Remove ${identity.name} container`);
//document.getElementById("halp").style.backgroundColor="red";
function style(themeInfo){ function style(themeInfo){
const tabl= document.getElementsByClassName("userContext-wrapper"); const tabl= document.getElementsByClassName("userContext-wrapper");
const inner_tabl1=document.getElementsByClassName("edit-container"); const inner_tabl1=document.getElementsByClassName("edit-container");
const inner_tabl2=document.getElementsByClassName("remove-container"); const inner_tabl2=document.getElementsByClassName("remove-container");
tr.style.backgroundColor=themeInfo.colors.toolbar;
// eslint-disable-next-line no-var // eslint-disable-next-line no-var
for (var i = 0; i < tabl.length; i++) { for (var i = 0; i < tabl.length; i++) {
tabl[i].style.backgroundColor=themeInfo.colors.toolbar; tabl[i].style.backgroundColor=themeInfo.colors.toolbar;
//inner_tabl1[i].style.backgroundColor=themeInfo.colors.toolbar;
//inner_tabl2[i].style.backgroundColor=themeInfo.colors.toolbar;
tabl[i].style.color=themeInfo.colors.tab_background_text; tabl[i].style.color=themeInfo.colors.tab_background_text;
} }
// eslint-disable-next-line no-var // eslint-disable-next-line no-var
for(var j = 0; j < inner_tabl1.length; j++) { for(var j = 0; j < inner_tabl1.length; j++) {