| Commit message (Collapse) | Author | Age | Files | Lines |
|---|
| |
|
|
|
|
| |
Let's not punish systems that implement overlay scrollbars in a
functional way. The only current example is Firefox on Windows 11 and on
Linux.
|
| |
|
|
|
| |
Modern Android systems seem to report "Linux" for navigator.platform, so
we can no longer rely on that.
|
| | |
|
| | |
|
| |
|
|
|
| |
Try to follow the principle outlined by Mozilla when detecting browsers
and engines.
|
| |
|
|
| |
This is a fundamental object that should always be present.
|
| | |
|
| |
|
|
|
| |
We don't care about ancient versions of Chrome anyway, so let's keep
things simple.
|
| |
|
|
|
| |
We already enforced this for most things, so let's fix up the last few
variants as well.
|
| |
|
|
|
| |
So that UI can reflect if it is currently possible to drag the viewport
or not.
|
| |
|
|
| |
So it is easier to find things as the API grows.
|
| |\ |
|
| | | |
|
| | |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| | |
There were two issues with removing the outer div of the connect button.
Firstly, rounded outlines don't work in WebKit browsers like Safari or
Epiphany (https://bugs.webkit.org/show_bug.cgi?id=20807) and this makes
the outline look completely square.
Secondly the code became too complex.
This reverts most of commit 05baf14256a4640e15cda63cc2ac576f44482775.
|
| | |
| |
| |
| | |
This is text, a <p> is better suited.
|
| | |
| |
| |
| | |
It conflicts with our :active styling since it changes margin-top.
|
| |\ \
| | |
| | | |
Favicon cleanups and fixes
|
| | | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | | |
The browsers have been choosing very poorly and have a lot of bugs when
it comes to favicons. Using an ICO makes many browsers choose better in
most cases. Most large websites use ICO files.
The icons in the ICO file needs to be ordered largest to the smallest
icon, and due to a Chrome bug we are limited to 8 icons. This
unfortunately means we couldn't fit one of the Android sizes. The 72x72
icon was removed since testing showed that it was used the least.
|
| | | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | | |
Instead of calculating a density that we hope results in the correct
size, we can specify what size we want. This is more robust and easier
to understand. This also allows us to simplify the Makefile quite a bit.
Note that Fedora's packaging of ImageMagick has a bug here:
https://bugzilla.redhat.com/show_bug.cgi?id=2140018
|
| | | |
| | |
| | |
| | |
| | | |
These icons shouldn't have any transparancy. Instead, we remove the
rounded corners and let iOS handle that.
|
| | | |
| | |
| | |
| | |
| | |
| | | |
All of the icons are square, only providing the size in one direction is
enough. This change lets us avoid some unnecessary complexity in the
Makefile.
|
| | | |
| | |
| | |
| | |
| | |
| | | |
Apple requires a different set of icons now-a-days. This change involves
removing the 76x76 icon and adding icons with the following sizes;
40, 58, 80, 87, 167 and 180.
|
| | | |
| | |
| | |
| | |
| | | |
These icons are used differently and don't belong in the list of regular
browser icons.
|
| | | |
| | |
| | |
| | | |
This size is already specified under BROWSER_SIZES.
|
| | | |
| | |
| | |
| | |
| | | |
The filename is the same for all of these, lets break out that part to
simplify things.
|
| |/ /
| |
| |
| |
| | |
The other variables in the Makefile are named according to how the icons
are used, lets do the same for the variable for the browser icons.
|
| |/
|
|
|
|
|
| |
Webkit browsers don't support Media Queries 4, which means we have to
use a slightly convoluted syntax when writing "@media not...". Otherwise
the "(any-pointer: coarse)" part evaluates as the device part of the
query.
|
| |
|
|
|
| |
The way we decide whether to show the keyboard button or not is not
ideal, let's add a FIXME for that.
|
| |
|
|
|
|
| |
Our intentions are clearer if we set "display" to "initial" rather than
"unset" when we want to enable the touch area for the control bar
handle.
|
| |
|
|
|
|
|
|
|
|
|
| |
Instead of having an outer "box", we can use an outline on the button
itself to create this "platform". Since the outline isn't part of the
size of the element, it will appear wider than before, when compared to
the logo. To counteract that we remove the left and right padding from
the logo to make the entire noVNC_connect_dlg more narrow.
We also had to slightly adjust the :active style since we don't want the
entire "platform" to move when the button is clicked.
|
| |\
| |
| | |
Replace JavaScript .noVNC_touch with CSS @media (any-pointer: coarse)
|
| | |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| | |
This commit removes our dependency on the class "noVNC_touch" which was
set by Javascript. Instead, we can use the CSS media query
"any-pointer: coarse", which means that any pointing device that isn't
accurate is available. In practice this seems to basically be equal to
that a touch screen is available.
This change lets us simplify the selectors in many cases as well, which
is a nice bonus.
|
| | |
| |
| |
| |
| |
| | |
We can't just modify the CSS variable here, since that is also used in
the style for :disabled. We need to change the entire "background-image"
in order for :disabled to be able to override it.
|
| | |
| |
| |
| |
| |
| |
| |
| |
| |
| | |
It is a button, let the HTML element reflect that. And instead of
having the outer div being clickable, lets only make the inner one
work like a button. Because of that, this commit renames the outer div
to "connect_box" instead of "connect_button".
Note that we remove the disabled :hover-effect for touch on this button.
It doesn't make much difference since this button is one of a kind.
|
| | | |
|
| | |
| |
| |
| |
| | |
When tapping our buttons using a touch screen in Chrome, we get an ugly
blue overlay. Let's remove this since we have our own :active styles.
|
| | |
| |
| |
| |
| | |
This is a corner case which shouldn't need to complicate things for the
regular usecases.
|
| | |
| |
| |
| |
| |
| |
| |
| | |
Before, we have had two different gradiant versions, one where the two
colors meet in the middle, and one where only the top part of the
element was the darker shade. This was easily missed. Let's standardize
on the latter alternative. This commit introduces a variable to make it
easier.
|
| | |
| |
| |
| |
| |
| |
| | |
This is because, when double-clicking with the trackpad, it will not
highlight the mouse. And this only happened on the iOS but the decision
on adding it a normal user select comes from the other commits that it
looks like it elsewhere.
|
| |/
|
|
| |
The old method of using "with" is no longer supported.
|
| |
|
|
|
| |
The :active state is only active in Firefox during the click on the
<select>, not while the dropdown is opened, like in Chrome.
|
| |\
| |
| | |
Add styling for checkboxes and range-sliders
|
| | |
| |
| |
| |
| | |
Counteract the border-width and margin set by :active in the rules for
:disabled buttons.
|
| | |
| |
| |
| | |
Makes stuff easier to find.
|
| | |
| |
| |
| |
| | |
Since these were the same for all <input> types now, we can omit the
type from the selector.
|
| | |
| |
| |
| |
| | |
Some properties, like 'font', 'appearance', and 'color' are shared
between all our input elements. Let's reflect that in our rules.
|
| | |
| |
| |
| |
| |
| |
| | |
It was completely unnecessary that these two were separate, lets combine
them. The only difference was that the lower rule didn't apply for
<select>. That doesn't matter though, since padding-left and
padding-right are specifically set for <select> elements anyway.
|
| | |
| |
| |
| |
| |
| | |
When the select-dropdown is open, let's use an arrow pointing upwards
isntead. Note that we can't easily animate the change in
background-image.
|
| | |
| |
| |
| | |
Let's not have the rules for noVNC_selected spread out.
|
| | | |
|
