Apply layout for checkboxes and radio buttons that are a label element child.
Place label to the right (float left).
Prevent insertion of extra space (typically due to newline in the html) (float).
Uniform spacing between the checkbox/radio button and the label (margin/padding).
If we don't have default gateways and no connectivity, we cannot
rely on the idea that "WAN" will save us. It could be an OPT interface
instead...
PR: https://github.com/opnsense/core/issues/2164
Minimum time field width so date (month day, e.g. Jan 24) doesn't wrap and consume additional line unnecessarily. Particularly in mobile portrait view.
unless explicity configured. We set "admins" in the default
config with also adds "wheel" underneath, but some systems may
not use "admins" so that doesn't work then.
PR: https://forum.opnsense.org/index.php?topic=6994.15
This is more appropriate, as the tabs are more akin to a label than an output.
Also better for touch screens because some browsers select the tab label text (highlight for copying) when output element tapped. Not a functionality issue, but looks bad and initially confusing (why is that text selected?)
Using data attributes
https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes
HTML5 is designed with extensibility in mind for data that should be associated with a particular element but need not have any defined meaning. data-* attributes allow us to store extra information on standard, semantic HTML elements without other hacks such as non-standard attributes, extra properties on DOM, or Node.setUserData().
Also suggested by @fabianfrz. Not perfect yet as we seem
to mix wheel with access and either need to lock down shell
access along with it or somehow tag along the shell privilege.
Small race in the group setting on the user page.
PR: https://forum.opnsense.org/index.php?topic=6994.0
The legacy code will still use a plain file_exists() for the optional theme.js, which keeps both in a working state after this commit.
To be able to move more files into the template directories for https://github.com/opnsense/core/pull/2124 we need to keep existing plugins functional, so we could integrate these changes into a minor release.
This works with both Android and Desktop Chrome (v63) as well as IE 11.
exception: there is apparently an incompatibility between Chrome and JQuery sortable. So drag/drop sort doesn't work in Chrome.
This is a modification of the previous:
3f7ee41b53
Touch events not working with the widget controls (link, buttons, drag/drop sort).
Add distance, delay and touch-action css for the widget controls to work with touch screen input.
Widget controls not working correctly with touch screen input
https://github.com/opnsense/core/issues/2092
