Fixed alignment of repository link on tablet and desktop

This commit is contained in:
squidfunk 2019-05-17 21:35:11 +02:00
parent ec571b2af5
commit 157c929faa
3 changed files with 8 additions and 8 deletions

View File

@ -199,8 +199,8 @@
// [tablet landscape +]: Show the reposistory from tablet
@include break-from-device(tablet landscape) {
display: block;
width: px2rem(230px);
max-width: px2rem(230px);
width: px2rem(234px);
max-width: px2rem(234px);
padding-right: px2rem(12px);
// Adjust for RTL languages

View File

@ -182,7 +182,7 @@ $md-toggle__search--checked:
@include break-from-device(tablet landscape) {
position: relative;
width: px2rem(230px);
margin-right: px2rem(20px);
margin-right: px2rem(16px);
padding: px2rem(2px) 0;
float: right;
transition: width 0.25s cubic-bezier(0.1, 0.7, 0.1, 1);
@ -190,18 +190,18 @@ $md-toggle__search--checked:
// Adjust for RTL languages
[dir="rtl"] & {
margin-right: initial;
margin-left: px2rem(20px);
margin-left: px2rem(16px);
float: left;
}
}
// [screen +]: Increase spacing of search bar
@include break-from-device(screen) {
margin-right: px2rem(28px);
margin-right: px2rem(24px);
// Adjust for RTL languages
[dir="rtl"] & {
margin-left: px2rem(28px);
margin-left: px2rem(24px);
}
}

View File

@ -109,12 +109,12 @@
// Correct alignment, if icon is present
+ .md-source__repository {
margin-left: px2rem(-44px);
margin-left: px2rem(-40px);
padding-left: px2rem(40px);
// Adjust for RTL languages
[dir="rtl"] & {
margin-right: px2rem(-44px);
margin-right: px2rem(-40px);
margin-left: initial;
padding-right: px2rem(40px);
padding-left: initial;