mediawiki-extensions-Multim.../resources/mmv/mmv.globals.less

// Height of the area of the metadata bar which is visible without scrolling.
@metadatabar-above-fold-height: 82px;

// Height of the same area in fullscreen mode (which can be slightly less since it has less controls).
@metadatabar-above-fold-fullscreen-height: 64px;

// Height of the progress bar
@progress-bar-height: 14px;
Make the metadata panel opening affordance more obvious - rearrange DOM structure of above-fold part of the metadata panel: - rename .mw-mmv-controls to .mw-mmv-above-fold - the above-fold part is a single positioned div now, with height explitcitly set - less LESS gymnastics, above-fold height is a single variable - add paddings to the p elements instead of the containers - make all title elements align to baseline (except the logo which would look horrible) - discard some CSS which was superfluous - overspecified sizes/positions - some top/bottoms for staticly positioned elements - get rid of the .mw-mmv-drag-affordance div, since a full-width bar wouldn't really make sense on the bottom of the above-fold section - flip the chevron and place it to the bottom of the above-fold part; add colors etc. per spec - fix stripe button horizontal spacing Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/706 Change-Id: Ic37b4150288055c3fae8d22919ed7b1249db1f09 2014-06-17 22:23:18 +00:00			`// Height of the area of the metadata bar which is visible without scrolling.`
			`@metadatabar-above-fold-height: 82px;`
Create StripeButtons class, convert reuse button to use it Also do a bunch of refactoring to: * keep LESS rules in more sane locations so it is not as hard to get an overview (most of the metadata panel rules were in mmv.less) * move mmv.mixins.less up one directory as it is not specific to the UI * move the SVG icons as all of them were related to the UI * remove the marging-right hack which was used to keep the title text from overflowing the button; instead use a float and overflow properties to make sure text that is too long gets hidden Change-Id: Icc8ea2e766be67d86ae98c734721b2185bd6c36e 2014-04-01 01:41:57 +00:00
Make the metadata panel opening affordance more obvious - rearrange DOM structure of above-fold part of the metadata panel: - rename .mw-mmv-controls to .mw-mmv-above-fold - the above-fold part is a single positioned div now, with height explitcitly set - less LESS gymnastics, above-fold height is a single variable - add paddings to the p elements instead of the containers - make all title elements align to baseline (except the logo which would look horrible) - discard some CSS which was superfluous - overspecified sizes/positions - some top/bottoms for staticly positioned elements - get rid of the .mw-mmv-drag-affordance div, since a full-width bar wouldn't really make sense on the bottom of the above-fold section - flip the chevron and place it to the bottom of the above-fold part; add colors etc. per spec - fix stripe button horizontal spacing Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/706 Change-Id: Ic37b4150288055c3fae8d22919ed7b1249db1f09 2014-06-17 22:23:18 +00:00			`// Height of the same area in fullscreen mode (which can be slightly less since it has less controls).`
			`@metadatabar-above-fold-fullscreen-height: 64px;`
Make the reuse button part of the canvas Moves it out of stripeButtons and into canvasButtons. Will move download to its own thing later. Change-Id: Iaf18914b29a6283c3bade954f1adb3f206c9c911 Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/834 2014-09-12 18:05:13 +00:00
			`// Height of the progress bar`
			`@progress-bar-height: 14px;`