Skip to content
Permalink
Browse files
Merge pull request #5708 from RayBB/improve-donate-button
improve donate button padding
  • Loading branch information
cdrini committed Oct 5, 2021
2 parents 3f700b9 + 27e3b67 commit d93d93b45e22d85ff3e929a5d5106f8a0a98bc4c
@@ -4,12 +4,8 @@
<div id="topNotice">
<div class="page-banner page-banner-black page-banner-center">
<div class="iaBar">
<div class="iaBarLogo">
<a href="https://archive.org"><img alt="Internet Archive logo" src="/static/images/ia-logo.svg" width="160"></a>
</div>
<div class="iaBarMessage">
<a class="ghost-btn" href="https://archive.org/donate?platform=ol" data-ol-link-track="IABar|DonateButton">Donate <span class="heart" aria-hidden="true"></span></a>
</div>
<a href="https://archive.org"><img alt="Internet Archive logo" src="/static/images/ia-logo.svg" width="160"></a>
<a class="ghost-btn" href="https://archive.org/donate?platform=ol" data-ol-link-track="IABar|DonateButton">Donate <span class="heart" aria-hidden="true"></span></a>
</div>
</div>
</div>
@@ -1,13 +1,11 @@
a {
&.ghost-btn {
padding: 2px 8px;
padding: .2rem .4rem;
border-radius: 5px;
border: 1px solid @mid-grey;
display: block;
max-width: 87px;
margin-left: auto;
font-weight: 500;
text-decoration: none;
text-align: center;
// Important is necessary to override default link color
color: @white !important;
}
@@ -3,12 +3,10 @@
@import (less) "components/page-banner.less";

@media only screen and (min-width: @width-breakpoint-tablet) {
@import (less) "components/iaBar--tablet.less";
@import (less) "components/header-bar--tablet.less";
@import (less) "components/page-banner--tablet.less";
}

@media all and ( min-width: @width-breakpoint-desktop ) {
@import (less) "components/iaBar--desktop.less";
@import (less) "components/header-bar--desktop.less";
}

This file was deleted.

This file was deleted.

@@ -9,14 +9,9 @@
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
&Logo {
margin-left: 9px;
}
&Message {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
// This is to right align the donate button
a:last-child {
margin-left: auto;
}
}
// Changes color of heart unicode character

0 comments on commit d93d93b

Please sign in to comment.