Skip to content

Commit

Permalink
Added Resizable plugin; changed F.left/top setter
Browse files Browse the repository at this point in the history
  • Loading branch information
@ygoe
ygoe committed Mar 9, 2023
1 parent 2596a98 commit 2a9c0ae
Show file tree
Hide file tree
Showing 53 changed files with 849 additions and 83 deletions.
2 changes: 1 addition & 1 deletion doc/arraylist.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">ArrayList</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p id="results-count"></p>
<p id="no-results">
Expand Down
8 changes: 5 additions & 3 deletions doc/changes.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,12 +22,13 @@
<h1 class="no-top-margin">Change log</h1>

<!-- NOTE: The first version and date in this file are picked up by the pack script. -->
<h2 id="v2-0-0-beta-3">Version 2.0.0-beta.3</h2>
<p>Released: not yet (will be renamed to 2.0.0)</p>
<h2 id="v2-0-0-rc-1">Version 2.0.0-rc.1</h2>
<p>Released: not yet</p>
<h3 class="no-toc">New features</h3>
<ul>
<li><a href="frontfire-ui-carousel.html">Carousel</a> plugin</li>
<li><a href="frontfire-ui-gallery.html">Gallery</a> plugin</li>
<li><a href="frontfire-ui-resizable.html">Resizable</a> plugin</li>
<li>CSS class <code class="css-class">expanded</code> for initially expanded accordion items</li>
<li>Added styling for the <a href="frontfire-ui-typography.html#mark"><code>&lt;mark&gt;</code> element</a></li>
<li>ToggleSwitch can be applied to an <code data-lang="html">&lt;input type="checkbox"&gt;</code> element, also automatically with the <code class="css-class">toggle-switch</code> CSS class</li>
Expand All @@ -39,6 +40,7 @@ <h3 class="no-toc">Breaking changes</h3>
<li>AJAX method <code>F.postForm</code> renamed to <a href="frontfire-core.html#postFormJSON"><code>F.postFormJSON</code></a> as <a href="frontfire-core.html?s=ajax">more AJAX methods</a> were added</li>
<li>ToggleSwitch plugin method does not return a plugin instance anymore, but can convert multiple elements at once</li>
<li>TreeView plugin renamed to Tree</li>
<li>Layout properties <a href="frontfire-core.html#left"><code>F.left</code></a> and <a href="frontfire-core.html#top"><code>F.top</code></a> do not set the plain CSS property of the same name anymore but the actual position of the element relative to the document. They now only accept numbers as values. The difference is when an element is in a relative-positioned parent that is not at the origin (0/0) of the document.</li>
</ul>
<h3 class="no-toc">Breaking changes since v1</h3>
<ul>
Expand Down Expand Up @@ -94,7 +96,7 @@ <h3 class="no-toc">Missing from v1</h3>
<li>Carousel (planned for 2.0 – done)</li>
<li>ColorPicker on form field (planned for beta 2 – done)</li>
<li>Gallery (planned for 2.0 – done)</li>
<li>Resizable (planned for 2.0)</li>
<li>Resizable (planned for 2.0 – done)</li>
<li>TimePicker (planned for beta 2 – done)</li>
</ul>
<h3 class="no-toc">Breaking changes since v1</h3>
Expand Down
2 changes: 1 addition & 1 deletion doc/color.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Color</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p id="results-count"></p>
<p id="no-results">
Expand Down
2 changes: 1 addition & 1 deletion doc/datacolor.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -98,7 +98,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">DataColor</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p id="results-count"></p>
<p id="no-results">
Expand Down
6 changes: 3 additions & 3 deletions doc/frontfire-core.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Frontfire Core</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p id="results-count"></p>
<p id="no-results">
Expand Down Expand Up @@ -1257,7 +1257,7 @@ <h3 id="left">left</h3>
<li><code>left</code> → Number</li>
</ul>
<p>
Gets the left location of the first selected Node in the document, or sets the left property of all selected Nodes, in pixels.
Gets the left location of the first selected Node, or sets the left location of all selected Nodes, relative to the document, in pixels.
If there are no Nodes selected, 0 is returned and setting the property does nothing.
Note that this is the rendered position that may be affected by CSS transforms.
</p>
Expand Down Expand Up @@ -1434,7 +1434,7 @@ <h3 id="top">top</h3>
<li><code>top</code> → Number</li>
</ul>
<p>
Gets the top location of the first selected Node in the document, or sets the top property of all selected Nodes, in pixels.
Gets the top location of the first selected Node, or sets the top location of all selected Nodes, relative to the document, in pixels.
If there are no Nodes selected, 0 is returned and setting the property does nothing.
Note that this is the rendered position that may be affected by CSS transforms.
</p>
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-accordion.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Accordion plugin</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p>
An accordion contains multiple sections that can be expanded and collapsed separately.
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-autostart.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Autostart</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p>
Frontfire UI provides styles and extended behaviours for commonly used elements and applies some of them automatically.
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-carousel.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Carousel plugin</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p>
Frontfire UI provides a layout of multiple items that are arranged horizontally and can be scrolled through by swipe gestures.
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-classes.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Frontfire UI CSS classes</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p id="results-count"></p>
<p id="no-results">
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-colorpicker.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">ColorPicker plugin</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p>
The default colour picker opens a platform-specific and much outdated colour selection dialog window.
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-draggable.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Draggable plugin</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p>
Frontfire UI allows making any element draggable by mouse, touch or other pointer interaction.
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-dropdown.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Dropdown plugin</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p>
Frontfire UI provides a dropdown panel that is placed near an originating element and overlays the page.
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-form.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Form module</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p>
Frontfire UI provides a responsive form layout system that is suitable for most data entry scenarios and can be customised for almost every special need.
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-gallery.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Gallery plugin</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p>
A gallery presents images or photos in a row layout where all rows have a consistent width and the images are scaled automatically so that they fill up each row.
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-image.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Image module</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p>
Frontfire UI provides a set of image styles that can align and size images beautifully and provide decorations and overlay styles.
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-installation.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Installation</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>

<p>
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-menu.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Menu plugin</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p>
Frontfire UI provides a menu layout that can serve as website navigation or for web apps.
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-message.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Message plugin</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p>
Frontfire UI provides a set of message bar styles that can be used to inform the user about success or error messages at different levels.
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-modal.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Modal plugin</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p>
Frontfire UI provides a modal panel that overlays the page and can be used to display important messages that must be confirmed before proceding with anything else on the page, or to display details about something on-demand without using page layout space.
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-notification.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Notification plugin</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p>
Frontfire UI provides a notification that overlays the page and disappears after a short while.
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-offcanvas.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">OffCanvas plugin</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p>
An off-canvas element appears on request on either side of the page and overlays or pushes away the main page content.
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-options.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Plugin options</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>

<p>
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-page.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Page module</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p>
Frontfire UI provides a set of basic page layout styles that support many web design scenarios with ease.
Expand Down
2 changes: 1 addition & 1 deletion doc/frontfire-ui-progressbar.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<main class="full-page-width">
<h1 class="no-top-margin">Progressbar plugin</h1>
<div id="version-div">
Version <span id="version-id">2.0.0-beta.3</span>
Version <span id="version-id">2.0.0-rc.1</span>
</div>
<p>
Frontfire UI provides a progress bars component that shows the progression of a task or other visualised values between a minimum and a maximum.
Expand Down
Loading

0 comments on commit 2a9c0ae

Please sign in to comment.