blallo
/
fenix
1
0
Fork 0
Code Releases Activity

For #9771, #9768: Adjust touch target for buttons in error pages

master
mcarare 2020-06-04 12:57:46 +03:00 committed by Mihai Adrian
parent 9302d07d13
commit efae61d593
1 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
app/src/main/assets/shared_error_style.css
View File

@ -65,16 +65,31 @@ p {
button {
display: block;
height: 36px;
box-sizing: content-box;
width: 100%;
border-radius: 5px;
border: 0;
padding: 6px 0px;
font-family: inherit;
background-color: var(--primary-button-color);
background-color: transparent;
color: var(--primary-button-text-color);
font-size: 14px;
font-weight: bold;
margin: var(--moz-vertical-spacing) auto;
margin: 0 auto;
text-align: center;
position: relative;
}
button::after {
background-color: var(--primary-button-color);
content: '';
border-radius: 5px;
display: block;
position: absolute;
top: 6px;
left: 0px;
right: 0px;
bottom: 6px;
z-index: -1;
}
hr {
@ -90,10 +105,14 @@ hr {
}
.buttonSecondary {
background-color: var(--secondary-button-color);
background-color: transparent;
color: var(--secondary-button-text-color);
}
.buttonSecondary::after {
background-color: var(--secondary-button-color);
}
#errorPageContainer {
/* If the page is greater than 550px center the content.
* This number should be kept in sync with the media query for tablets below */