Archives/iceraven-browser
2
0
Fork 0
mirror of https://github.com/fork-maintainers/iceraven-browser synced 2024-11-11 13:11:01 +00:00
Code Issues Releases Wiki Activity

For #1881 - Uses flex box to pin button to the bottom

Browse Source
This commit is contained in:
Jeff Boek 2019-06-07 11:26:50 -07:00
parent 45c509fbce
commit 5dfde74376
3 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/src/main/res/raw/low_and_medium_risk_error_style.css
View File

@ -44,7 +44,7 @@ li > button {
}
/* Push the #ignoreWarningButton to the bottom on the blocked site page */
.blockedsite > #errorPageContainer > #errorLongContent {
#errorLongContent {
flex: 1;
}
@ -67,6 +67,7 @@ p {
button {
/* Force buttons to display: block here to try and enforce collapsing margins */
display: block;
flex: 0;
height: 36px;
width: 100%;
border-radius: 5px;
@ -77,11 +78,10 @@ button {
line-height:16px;
font-size: 14px;
font-weight: bold;
position: fixed;
bottom: 20px;
text-aligned:center;
vertical-aligned:center;
background-image: none;
margin-bottom: 20px;
}
button.inProgress {
@ -117,10 +117,7 @@ button.inProgress {
* This number should be kept in sync with the media query for tablets below */
max-width: 550px;
margin: 0 auto;
transform: translateY(var(--moz-background-height));
padding-bottom: var(--moz-vertical-spacing);
min-height: calc(100% - var(--moz-background-height) - var(--moz-vertical-spacing));
min-height: 100%;
display: flex;
flex-direction: column;
}

4
app/src/main/res/raw/low_risk_error_pages.html
View File

@ -32,7 +32,9 @@
</div>
<!-- Retry Button -->
<button id="errorTryAgain" onclick="window.location.reload()">%button%</button>
<div id="buttonWrapper">
<button id="errorTryAgain" onclick="window.location.reload()">%button%</button>
</div>
</div>
</body>
</html>

4
app/src/main/res/raw/medium_and_high_risk_error_pages.html
View File

@ -32,7 +32,9 @@
</div>
<!-- Retry Button -->
<button id="errorTryAgain" onclick="window.history.back() ">%backButton%</button>
<div id="buttonWrapper">
<button id="errorTryAgain" onclick="window.history.back() ">%backButton%</button>
</div>
</div>
</body>
</html>