mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-23 04:41:11 +00:00
f1b674d43c
Clicking on the image toggles between "shrink to fit" and full size mode. However it also resets the full zoom. So if the full zoom has been changed then a click can zoom in/out. The full situation is complicated because you could be in "shrink to fit" mode (so the cursor should be the zoom in cursor) and then increase the full zoom so that image is bigger than it would be in fullsize mode so clicking would actually result in zooming out. I don't try to resolve this. Instead I just let cursor be decided by the "shrink to fit"/full size state if that's relevant, otherwise the fullzoom will determine the cursor. Differential Revision: https://phabricator.services.mozilla.com/D161980
44 lines
910 B
CSS
44 lines
910 B
CSS
/* -*- Mode: C++; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
|
|
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
/*
|
|
* This CSS stylesheet defines the rules to be applied to any ImageDocuments,
|
|
* including those in frames.
|
|
*/
|
|
|
|
body {
|
|
/* To give the image access to our document's full viewport, we need to
|
|
override the margin that the html.css UA stylesheet would otherwise apply
|
|
to our body. */
|
|
margin: 0;
|
|
}
|
|
|
|
@media not print {
|
|
.fullZoomOut {
|
|
cursor: zoom-out;
|
|
}
|
|
|
|
.fullZoomIn {
|
|
cursor: zoom-in;
|
|
}
|
|
|
|
.shrinkToFit {
|
|
cursor: zoom-in;
|
|
}
|
|
|
|
.overflowingVertical, .overflowingHorizontalOnly {
|
|
cursor: zoom-out;
|
|
}
|
|
}
|
|
|
|
.isInObjectOrEmbed {
|
|
width: 100%;
|
|
height: 100vh;
|
|
}
|
|
|
|
img {
|
|
display: block;
|
|
}
|