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

add button to popup

Browse source
This commit is contained in:
Khansa Kiasatina 2020-03-29 21:15:16 -04:00
parent ae1f80b8b5
commit bc5ac45c4a
2 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/css/popup.css
View file

@ -486,28 +486,28 @@ manage things like container crud */
.container-panel-controls { .container-panel-controls {
display: flex; display: flex;
justify-content: flex-end;
margin-block-end: var(--block-line-space-size); margin-block-end: var(--block-line-space-size);
margin-block-start: var(--block-line-space-size); margin-block-start: var(--block-line-space-size);
margin-inline-end: var(--inline-item-space-size);
margin-inline-start: var(--inline-item-space-size);
} }
#container-panel #sort-containers-link { #container-panel .sort-link {
align-items: center; align-items: center;
block-size: var(--block-url-label-size); block-size: var(--block-url-label-size);
border: 1px solid #d8d8d8; border: 1px solid #d8d8d8;
border-radius: var(--small-radius); border-radius: var(--small-radius);
color: var(--title-text-color); color: var(--title-text-color);
display: flex; display: flex;
flex-grow: 1;
font-size: var(--small-text-size); font-size: var(--small-text-size);
inline-size: var(--inline-button-size); inline-size: var(--inline-button-size);
justify-content: center; justify-content: center;
margin-left: var(--block-line-space-size);
margin-right: var(--block-line-space-size);
text-decoration: none; text-decoration: none;
} }
#container-panel #sort-containers-link:hover, #container-panel .sort-link:hover,
#container-panel #sort-containers-link:focus { #container-panel .sort-link:focus {
background: #f2f2f2; background: #f2f2f2;
} }

3
src/popup.html
View file

@ -128,7 +128,8 @@
</label> </label>
</div> </div>
<div class="container-panel-controls"> <div class="container-panel-controls">
<a href="#" class="action-link" id="sort-containers-link" title="Sort tabs into container order">Sort Tabs</a> <a href="#" class="action-link sort-link" id="sort-containers-link-window" title="Sort tabs into container order by windows">Sort Tabs by Window</a>
<a href="#" class="action-link sort-link" id="sort-containers-link" title="Sort tabs into container order">Sort Tabs</a>
</div> </div>
<div class="scrollable panel-content" tabindex="-1"> <div class="scrollable panel-content" tabindex="-1">
<table class="identities-list"> <table class="identities-list">