wikimedia/mediawiki-extensions-MultimediaViewer
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer synced 2024-11-28 18:10:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge "Reuse dialog styling"

Browse source
This commit is contained in:
jenkins-bot 2014-03-20 21:16:04 +00:00 committed by Gerrit Code Review
parent dc20e45340 7e3d794c9f
commit 68399ff376
2 changed files with 12 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
resources/mmv/ui/mmv.ui.reuse.dialog.less
View file

@ -7,8 +7,8 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
border-left: 1px solid @reuse-link-color; border-left: 1px solid #cccccc;
padding: 15px; padding: 15px 20px;
.unselectable; .unselectable;
font-size: 1.25em; font-size: 1.25em;
@ -34,7 +34,8 @@
vertical-align: baseline; vertical-align: baseline;
} }
&.open { &.open,
&:hover {
opacity: 1; opacity: 1;
} }
} }
@ -46,7 +47,7 @@
.mw-mlb-reuse-dialog { .mw-mlb-reuse-dialog {
@background-color: rgb(255, 255, 255); @background-color: rgb(255, 255, 255);
@shadow-color: rgb(0, 0, 0); @shadow-color: #aaaaaa;
@border-radius: 3px; @border-radius: 3px;
@divider-border-height: 1px; @divider-border-height: 1px;
@dialog-width: 450px; @dialog-width: 450px;
@ -59,7 +60,7 @@
width: @dialog-width; width: @dialog-width;
height: @dialog-height; height: @dialog-height;
background-color: @background-color; background-color: @background-color;
box-shadow: 2px 2px 2px @shadow-color; box-shadow: 0 2px 0 @shadow-color;
.box-round(@border-radius); .box-round(@border-radius);
.mw-mlb-reuse-tabs { .mw-mlb-reuse-tabs {
@ -101,7 +102,7 @@
.mw-mlb-reuse-pane { .mw-mlb-reuse-pane {
display: none; display: none;
padding: 10px; padding: 10px 20px;
&.active { &.active {
display: block; display: block;
@ -110,8 +111,8 @@
.mw-mlb-reuse-down-arrow { .mw-mlb-reuse-down-arrow {
@arrow-size: 20px; @arrow-size: 20px;
@arrow-border-color: rgb(170, 170, 170); @arrow-border-color: #aaaaaa;
@arrow-border-size: 1px; @arrow-border-size: 2px;
background-color: @background-color; background-color: @background-color;
width: @arrow-size; width: @arrow-size;
@ -121,6 +122,6 @@
.rotate(45deg); .rotate(45deg);
position: absolute; position: absolute;
right: 60px; right: 60px;
bottom: -1 * ( @arrow-size / 2 ); bottom: -1 * ( @arrow-size / 2 ) - @arrow-border-size;
} }
} }

4
resources/mmv/ui/mmv.ui.reuse.share.less
View file

@ -14,12 +14,12 @@
// position approximately to the middle - probably fragile but couldn't find a better way as the // position approximately to the middle - probably fragile but couldn't find a better way as the
// height of OOJS-UI input widget has both em and px parts and not possible to calculate exactly // height of OOJS-UI input widget has both em and px parts and not possible to calculate exactly
margin: 8px 0; margin: 8px 0;
padding: 0 10px; padding: 0 5px 0 0;
/* @embed */ /* @embed */
background-image: url(img/link.svg); background-image: url(img/link.svg);
background-size: contain; background-size: contain;
background-position: center; background-position: left center;
background-repeat: no-repeat; background-repeat: no-repeat;
&:hover { &:hover {