Cool_Tools/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-09-24 19:38:27 +02:00
Code Issues Releases Wiki Activity

Fixed alignment of repository link on tablet and desktop

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/assets/stylesheets/layout/_header.scss
View File

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

8
src/assets/stylesheets/layout/_search.scss
View File

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

4
src/assets/stylesheets/layout/_source.scss
View File

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