mediawiki-extensions-Popups/resources/ext.popups.renderer/LinkPreview.less
Florian c93047666e Add link preview feature to mobile beta mode
Linkpreview will try to fetch a text extract using the api and, if this
doesn't fail, show the extract as a drawer with a button "Continue to
article". If the query fails, it will redirect the user to the article
directly.

Bug: T113243
Depends-On: I6d8c5b80e70c3d8d1a92a70cc91e1b90d598cb0f
Change-Id: Idbaae9fe2decd89b73e623a25fbd39464c316fb2
2016-03-05 18:22:30 +01:00

53 lines
769 B
Plaintext

@import "minerva.variables";
.drawer.linkpreview {
position: fixed;
background-color: white;
text-align: left;
padding: 0 15px 20px;
&.loading {
padding: 10px;
}
}
.linkpreview-overlay {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: @z-indexOverlay;
background-color: rgba(0,0,0,0.1);
background-attachment: fixed;
}
.linkpreview-title {
font-family: Georgia;
font-size: 22px;
margin-top: 20px;
line-height: 1;
}
.linkpreview-content {
font-size: 15px;
margin-top: 20px;
}
.linkpreview-actions {
margin-top: 20px;
text-align: right;
a {
margin-bottom: 0 !important;
margin-top: 0;
}
}
@media all and (min-width: @deviceWidthTablet) {
.drawer.linkpreview {
padding-left: 30px;
padding-right: 30px;
}
}