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);
block-size: 100%;
color: #fff;
display: flex;
flex: 1;
display: inline-block;
justify-content: center;
padding-block-start: 6px;
padding-inline-start: 30%;
}
.exit-edit-mode-link::before {
background: url('/img/container-arrow.svg') no-repeat;
.edit-containers-panel-footer {
background: var(--primary-action-color);
}
.exit-edit-mode-link img {
block-size: 16px;
content: "";
display: block;
display: inline;
filter: grayscale(100%) brightness(5);
float: left;
inline-size: 16px;
margin-inline-end: 5px;
transform: scaleX(-1);
vertical-align: bottom;
}
.delete-container-confirm {

3
src/popup.html
View file

@ -160,7 +160,8 @@
</table>
</div>
<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">
<img src="/img/container-arrow.svg"/>Exit Edit Mode</a>
</div>
</div>