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

Merge pull request #1601 from mozilla/fix-odd-edit-arrow-alignment

Browse source 
fix odd edit arrow alignment
This commit is contained in:
luke crouch 2019-12-09 15:59:15 -06:00 • committed by GitHub
commit fca5caaa00
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/css/popup.css
View file

@ -754,21 +754,24 @@ span ~ .panel-header-text {
background: var(--primary-action-color); background: var(--primary-action-color);
block-size: 100%; block-size: 100%;
color: #fff; color: #fff;
display: flex; display: inline-block;
flex: 1;
justify-content: center; justify-content: center;
padding-block-start: 6px;
padding-inline-start: 30%;
} }
.exit-edit-mode-link::before { .edit-containers-panel-footer {
background: url('/img/container-arrow.svg') no-repeat; background: var(--primary-action-color);
}
.exit-edit-mode-link img {
block-size: 16px; block-size: 16px;
content: ""; display: inline;
display: block;
filter: grayscale(100%) brightness(5); filter: grayscale(100%) brightness(5);
float: left;
inline-size: 16px; inline-size: 16px;
margin-inline-end: 5px; margin-inline-end: 5px;
transform: scaleX(-1); transform: scaleX(-1);
vertical-align: bottom;
} }
.delete-container-confirm { .delete-container-confirm {

5
src/popup.html
View file

@ -160,8 +160,9 @@
</table> </table>
</div> </div>
<div class="panel-footer edit-containers-panel-footer"> <div class="panel-footer edit-containers-panel-footer">
<a href="#" id="exit-edit-mode-link" class="exit-edit-mode-link edit-containers-exit-text">Exit Edit Mode</a> <a href="#" id="exit-edit-mode-link" class="exit-edit-mode-link edit-containers-exit-text">
</div> <img src="/img/container-arrow.svg"/>Exit Edit Mode</a>
</div>
</div> </div>