Skip to content

Fix cliping issues in alternative logging buttons #29295

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
juliusknorr merged 1 commit into from
Oct 19, 2021
Merged

Fix cliping issues in alternative logging buttons #29295

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Fix cliping issues in alternative logging buttons 
The issues was caused because the button with its margins was bigger
than the parent. Instead of setting the margin of the button, add
padding to the parent. This is more reliable.

Signed-off-by: Carl Schwan <[email protected]>
  • Loading branch information
@CarlSchwan
CarlSchwan committed Oct 18, 2021
commit 478ed7ae75a2b6bfdff37029532819c10e88329f
3 changes: 2 additions & 1 deletion core/css/guest.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -151,6 +151,7 @@ form #datadirField legend {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 5px;
position: relative; /* Make the wrapper the containing block of its
absolutely positioned descendant icons */
}
Expand All @@ -164,7 +165,7 @@ form #datadirField legend {
}

.alternative-logins a.button {
margin: 10px 5px;
margin: 0;
display: block;
font-size: 15px;
white-space: nowrap;
Expand Down