From 7f35484287d94f6b508a17cbb8d9a0d0261cc488 Mon Sep 17 00:00:00 2001 From: Index Date: Fri, 28 Jun 2024 01:00:43 -0500 Subject: [PATCH] minor: change setting container structure --- css/settings.css | 28 ++++-- settings.html | 241 ++++++++++++++++++++++++++++++++--------------- settings.js | 8 +- 3 files changed, 191 insertions(+), 86 deletions(-) diff --git a/css/settings.css b/css/settings.css index 4600f89..6fa5d67 100644 --- a/css/settings.css +++ b/css/settings.css @@ -43,7 +43,7 @@ h2 span.indent { } .setting-container:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 30px; } .setting-container .title { @@ -51,10 +51,31 @@ h2 span.indent { font-weight: bold; } +.setting-container .desc, .setting-container .warning { + display: block; + width: 75%; +} + .setting-container .desc { color: rgb(120, 120, 120); } +.setting-buttons { + float: right; +} + +.setting-buttons button { + width: 100px; +} + +.setting-buttons button:first-child:not(:last-child) { + margin-right: 5px; +} + +.setting-container select:first-of-type { + margin-top: 10px; +} + .goback { color: rgb(120, 120, 120); text-decoration: none; @@ -103,11 +124,6 @@ dialog .modal-body p:first-child { .setting-container.enabled .indicator { background-color: #007bff;} .setting-container.disabled .indicator { background-color: orangered; } -.toggle-btn { - float: right; - width: 100px; -} - .limited-time { background: transparent; border-color: transparent; diff --git a/settings.html b/settings.html index 75bf7e5..1d86051 100755 --- a/settings.html +++ b/settings.html @@ -288,7 +288,7 @@ > Poly+ Settings -
+
  @@ -296,8 +296,10 @@
The Great Divide - +
+ +
Reinforcements to aid in your quest to bring home the victory to your team, and bring honor to your peers. @@ -334,8 +336,10 @@   Pinned Games - +
+ +

Pin your favorite places to the top of the homepage! (limit: places)
@@ -343,39 +347,51 @@   Forum Mentions - +
+ +

- Get a quick link to the popular person everyone is talking about's profile! -
- * Forum Mentions do not notify the user or show up as a notification on their account. + + Get a quick link to the popular person everyone is talking about's profile! + + + * Forum Mentions do not notify the user or show up as a notification on their account. +
  Improved Friend Lists - +
+ +

Accept or decline all friend requests with the click of a button or multi-remove existing friends! -
- * You can only remove up to friends at once. + + + * You can only remove up to friends at once.
  Show IRL price with Brick Count - +
+ +

- + See the real life currency value along with Bricks across the site! -
- * Currencies were calculated on [DATE]. -
- * Currencies other than USD are purely approximations. + + + * Currencies were calculated on [DATE]. + + + * Currencies other than USD are purely approximations. @@ -455,8 +484,10 @@   Multi-Cancel Outbound Trades - +
+ +

Quickly cancel several out-bound trades (trades that you have sent) all at once @@ -468,9 +499,11 @@   Modify Navbar - - +
+ + +

Customize the navbar to your liking!
@@ -478,8 +511,10 @@   Item Wishlist - +
+ +

Wishlist that item that you REALLY want!
@@ -487,8 +522,10 @@   Try-On Items - +
+ +

See how that new item looks on your avatar before spending your bricks! @@ -496,8 +533,10 @@   Show Outfit Cost on Profiles - +
+ +

Quickly see how many bricks a user spent on their avatar! @@ -505,21 +544,26 @@   Show Approximate Place Revenue - +
+ +

- Quickly see how many bricks a user has gained from one of their places! -
- * Gamepass revenue is calculated assuming the price hasn't changed and all users that bought the gamepass, bought it at the same price that it is at the time of calculating. + + Quickly see how many bricks a user has gained from one of their places! + + + * Gamepass revenue is calculated assuming the price hasn't changed and all users that bought the gamepass, bought it at the same price that it is at the time of calculating. +
  Show "Owners" instead of "Sales" - +
+ +

Replace the "Sales" statistic with the "Owners" statistic if the item has 0 sales (most likely meaning it is an item awarded by staff).
@@ -527,8 +571,10 @@   Collectibles' Hoarders List - +
+ +

List all the users that have more than 1 copy of a collectible! @@ -536,7 +582,9 @@ @@ -610,8 +671,10 @@   Multi-Decal Uploading - +
+ +

Quickly upload several decals all at once! @@ -621,8 +684,10 @@   Avatar Dimension Toggle - +
+ +

Quickly switch between a 3D or 2D rendition of somebody's avatar on their profile page! @@ -632,8 +697,10 @@   "Collectibles" Inventory Category - +
+ +

Sort a player's inventory by all of their limited-edition collectibles! @@ -644,9 +711,11 @@   Automatic Ad Bidding - - +
+ + +

description @@ -660,49 +729,69 @@   Game Profiles - +
+ +

- Traverse a place view page that matches a place's color palette! -
- * Place creators must request a game profile for one to be made. -
- * This feature will be expanded upon in the future. + + Traverse a place view page that matches a place's color palette! + + + * Place creators must request a game profile for one to be made. + + + * This feature will be expanded upon in the future. +
  Inline Editing - +
+ +

Quickly edit your asset's details such as name and description on the same page as viewing the asset! -
- * This feature currently only supports places. -
- * This feature is not finished or polished. + + * This feature only supports places at this time. + + + * This feature is not finished or polished. +
  Forum Unix Timestamps - +
+ +

- See a date and time that is adjusted to everyone (who is using Poly+)'s local time -
- * The styling for this feature is not yet done. + + See a date and time that is adjusted to everyone (who is using Poly+)'s local time. + + + * The styling for this feature is not yet done. +
  Avatar Sandbox - +
+ +

- Create an avatar with all the item possibilities available to your heart's content! -
- * This feature is not polished - things like modifying avatar "Body Colors", pagination, outfits, etc haven't been added. + + Create an avatar with all the item possibilities available to your heart's content! + + + * This feature is not polished - things like modifying avatar "Body Colors", pagination, outfits, etc haven't been added. +
diff --git a/settings.js b/settings.js index de72153..bf4c432 100644 --- a/settings.js +++ b/settings.js @@ -11,8 +11,7 @@ var Utilities; LoadCurrent(); document.getElementById('PinnedGames-limit').innerText = Utilities.Limits.PinnedGames; - document.getElementById('BestFriends-limit').innerText = Utilities.Limits.BestFriends; - document.getElementById('ImprovedFrLists-limit').innerText = Utilities.Limits.ImprovedFrLists; + //document.getElementById('ImprovedFrLists-limit').innerText = Utilities.Limits.ImprovedFrLists; //document.getElementById('ItemWishlist-limit').innerText = Utilities.Limits.ItemWishlist; })(); @@ -37,8 +36,8 @@ document.getElementById('ResetDefaults-Modal-No').addEventListener('click', func // Loop thru each setting container and handle toggling, selecting, opening modal, etc Elements.forEach((element) => { - let Button = element.getElementsByTagName('button')[0]; - let Options = element.getElementsByTagName('button')[1]; + let Button = element.getElementsByClassName('toggle-btn')[0]; + let Options = element.getElementsByClassName('options-btn')[1]; let Select = element.getElementsByTagName('select')[0]; let Checkbox = element.getElementsByTagName('input')[0]; @@ -69,6 +68,7 @@ Elements.forEach((element) => { } if (Options) { + console.log(Options) const Modal = document.getElementById(Options.getAttribute('data-modal') + '-Modal'); const ModalButtons = Modal.getElementsByTagName('button'); const ModalInputs = Modal.getElementsByTagName('input');