Skip to content

Commit

Permalink
Merge pull request #76 from soulhotel/main.update.branch
Browse files Browse the repository at this point in the history
1.7.9
  • Loading branch information
soulhotel committed Jun 16, 2024
2 parents 2602951 + 1764e0f commit d51b473
Show file tree
Hide file tree
Showing 27 changed files with 1,544 additions and 3,134 deletions.
16 changes: 9 additions & 7 deletions doc/Modification.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,15 +8,17 @@

| Preferences | Function | Preview |
|----------------------------------|---------------------|---------------------|
| Switching Tab Size | [XS, 40px TABS] --> `ultima.tabs.xs` <br> [S, 165px TABS] --> `ultima.tabs.s` <br> [L, 250px TABS] --> `ultima.tabs.l` <br> :warning: Set one to true, the others false. | ![tabsizechange](preview/tabsizechange.gif) |
| Switching Tab Size | [40px] -> `ultima.tabs.size.xs` <br> [165px] -> `ultima.tabs.size.s` <br> [250px] -> `ultima.tabs.size.l` <br> :warning: Set one to true, the others false. | ![tabsizechange](preview/tabsizechange.gif) |
| ultima.tabs.autohide | Enable/Disable Autohide for tabs. | ![tabsize](preview/autohideon.gif) |
| ultima.tabs.vertical | Remove the tabs panel, for users who rather use an extension like sidebery/treestyle. | ![firefox_dnANLwlC7F](https://github.com/soulhotel/FF-ULTIMA/assets/155501797/fd1153a0-95ef-4490-a929-92e0de632804) |
| ultima.sidebar.autohide | Autohide the sidebar. Only works when vertical tabs is disabled/turned-off. | ⬆⬆⬆ |
| ultima.tabs.vertical.hide | Hide/Show vertical tabs | ![firefox_dnANLwlC7F](https://github.com/soulhotel/FF-ULTIMA/assets/155501797/fd1153a0-95ef-4490-a929-92e0de632804) |
| ultima.tabs.vertical.onlyprivate | Hide vertical tabs ~ except for in Private Windows | ![vtip](https://github.com/soulhotel/FF-ULTIMA/assets/155501797/9f4f4f65-74e3-4a2b-b552-f501429ccb21) |
| ultima.sidebar.autohide | Autohide the sidebar. Only works when vertical tabs are hidden. | ![firefox_dnANLwlC7F](https://github.com/soulhotel/FF-ULTIMA/assets/155501797/fd1153a0-95ef-4490-a929-92e0de632804) |
| ultima.tabs.closetabsbutton | Restore visual close button for tabs, works with autohiding on or off, works with closing multiselected tabs | ![OyarZ6xz4D](https://github.com/soulhotel/FF-ULTIMA/assets/155501797/1c190448-7502-435d-a27e-86f7a96364f3) |
| ultima.theme.extensions | Extensions-Panel theme, compact-icons or default list-view. | ![themeextensions](https://github.com/soulhotel/FF-ULTIMA/assets/155501797/b81bce27-5927-4a0d-9bd5-e970477458d9) |
| ultima.xstyle.containertabs | Three optional styles for container tabs, make your pick. | ![tc1](https://github.com/soulhotel/FF-ULTIMA/assets/155501797/6b867554-6e9c-41a3-9c96-9ebc14d15b42) ![tc2](https://github.com/soulhotel/FF-ULTIMA/assets/155501797/15fb335d-e9fa-402e-83a9-0ddd67581f94) ![tc3](https://github.com/soulhotel/FF-ULTIMA/assets/155501797/afda38b4-5c4b-4093-b98f-63c138af2023) |
| ultima.xstyle.squared | Square the theme; No margins, borders, or rounded corners. | ![themesquared](https://github.com/soulhotel/FF-ULTIMA/assets/155501797/ba858526-3178-462c-9bf0-4be3e4bc9ab0) |
| ultima.theme.extensions | Extensions-Panel theme, compact-icons or default list-view. | ![themeextensions](https://github.com/soulhotel/FF-ULTIMA/assets/155501797/b81bce27-5927-4a0d-9bd5-e970477458d9) |
| ultima.xstyle.urlbar.suggestions | Toggle URL Bar suggestions on/off | ... |
| toolkit.tabbox.switchByScrolling | Enables scrolling on the tabs bar, to switch between tabs | ... |
| ultima.xstyle.closetabsbutton | Restore visual close button for tabs, works with autohiding on or off, works with closing multiselected tabs | ![OyarZ6xz4D](https://github.com/soulhotel/FF-ULTIMA/assets/155501797/1c190448-7502-435d-a27e-86f7a96364f3) |
| ... | ... | ... |

---
Expand All @@ -34,7 +36,7 @@ If importing this .json above doesn't copy over the css styling. Try resetting S

![1](https://github.com/soulhotel/FF-ULTIMA/assets/155501797/3bbc954e-aeba-416b-955e-da5aac9d4446)

Optional : you can also copy and paste this [Sidebery CSS](https://github.com/soulhotel/FF-ULTIMA/blob/main/doc/replace-features/style-editor.css) into your Sidebery Style Editor. But this should already be handled by the .json.
Optional : you can also copy and paste this [Sidebery CSS](https://github.com/soulhotel/FF-ULTIMA/blob/main/doc/style-editor.css) into your Sidebery Style Editor. But this should already be handled by the .json.

---
<br>
Expand All @@ -49,7 +51,7 @@ Optional : you can also copy and paste this [Sidebery CSS](https://github.com/so
<br>

### [Userchrome-Toggle extension](https://addons.mozilla.org/en-US/firefox/addon/userchrome-toggle/) support
With `ultima.tabs.autohide` set to false. And `ultima.tabs.xs` set to true; You can toggle the tabs-view using the extension button, or keyboard shortcut.
With `ultima.tabs.autohide` set to false. And `ultima.tabs.size.xs` set to true; You can toggle the tabs-view using the extension button, or keyboard shortcut.

[userchrome-toggle test..webm](https://github.com/soulhotel/FF-ULTIMA/assets/44523955/252b3bae-f1c8-41ad-afa7-1e67d7f441cb)

Expand Down
44 changes: 35 additions & 9 deletions doc/change-log.md
Original file line number Diff line number Diff line change
@@ -1,18 +1,44 @@
### [Click Me ⬇️](https://github.com/soulhotel/FF-ULTIMA/releases/download/1.7.8/ffultima1.7.8.zip) 1.7.8 latest
### [Click Me ⬇️](https://github.com/soulhotel/FF-ULTIMA/releases/download/1.7.9/ffultima1.7.9.zip) 1.7.9 latest

###### ⬇️ Please follow the [installation instructions](https://github.com/soulhotel/FF-ULTIMA#installation) on main page.

###### 🗨️ [Submit an issue](https://github.com/soulhotel/FF-ULTIMA/issues/new/choose) or ask questions not answered in [the Documentation](https://github.com/soulhotel/FF-ULTIMA/tree/main/doc).

###### ⚙️ [Change settings](https://github.com/soulhotel/FF-ULTIMA/blob/main/doc/Modification.md), tab size, no borders, spacing, autohiding, more.

>[!WARNING]
> Returning Users: **Some user preferences (names) have changed!** Please reapply the user.js to get the updated settings. This change is to reflect future updates/features while organizing the names for easier readability. Setting names will be carefully considered moving forward and renaming will **NOT** happen again. Thank you.
> <details><summary>(CLICK ME) Settings List Preview</summary>
>
> <br>
> Older named preferences such as ultima.tabs.xs(s,l), ultima.tabs.vertical, ultima.OS.linux, etc, can be deleted.
>
> ![newpreferencelist](https://github.com/soulhotel/FF-ULTIMA/assets/155501797/ba6c024a-f26a-4459-9b7c-2550f1f2c9ee)
> </details>
### Change Log:
- All is well in Firefox 127.0b9.
- Url bar selected text color correction.
- Capitalization to New Tab page text decoration from [Arcandres](https://github.com/Arcandres). [#59](https://github.com/soulhotel/FF-ULTIMA/pull/59).
- Quick patch to unexpected sidebar alteration on Nightly from [bigshans](https://github.com/bigshans). [#62](https://github.com/soulhotel/FF-ULTIMA/pull/62).
- Corrected visibility of sidebar title (exposed by 2 px) when collapsed.
- [Sidebery configuration](https://github.com/soulhotel/FF-ULTIMA/blob/main/theme/%23sideberyultimastyling.json) for those that want to opt out of the native vertical tabs.

![1 7](https://github.com/soulhotel/FF-ULTIMA/assets/155501797/ed741f9f-cac6-4339-8913-a697a8b3ade9)
- All is well, in Firefox 128.0b2.
- `new` Setting `ultima.tabs.vertical.hide` will hide vertical tabs. (renamed)
- `new` Setting `ultima.tabs.vertical.onlyprivate` hides vertical tabs ~ except for in private windows.
- `new` Setting `ultima.urlbar.suggestions` to toggle url bar suggestions on/off.
- `new` Setting `ultima.urlbar.centered` to toggle url bar centered text and overflow.
- `new` Setting `ultima.urlbar.hidebuttons` to show excess buttons only on hover.
- `new` Audio indicator (in Sidebery) positioned similar to native vertical tabs by [DarkDipper](https://github.com/DarkDipper), [#73](https://github.com/soulhotel/FF-ULTIMA/pull/73).
- `fix` Mac OS toolbar width patched, tested on Sonama and Ventura.
- `fix` Group Indentations improved (in Sidebery) [DarkDipper](https://github.com/DarkDipper), [#73](https://github.com/soulhotel/FF-ULTIMA/pull/73).
- `fix` Added padding (1px) added to the bottom of the mini-button-bar.
- `fix` Bad spacing, mathematical error, when tabs autohide is disabled.
- `fix` Removed duplicate code regarding context menu theme.
- `removed` Tab size preference renamed, `ultima.tabs.vertical` no longer needed. You can delete these in about:config.
- `todo` Alternative lwtheme variables (experimental)
- `todo` Setting to keep default tabs-on-top layout. (not a priority)
- `todo` Verify Windows Nav bar vertical center
- `todo` New preference for alternate pinned tab styling, still havent decided on a style yet. Feedback is appreciated.

|windows | ![1 7](https://github.com/soulhotel/FF-ULTIMA/assets/155501797/ed741f9f-cac6-4339-8913-a697a8b3ade9) |
|--- |---|
|Linux | ![lin](https://github.com/soulhotel/FF-ULTIMA/assets/155501797/6d6e1a97-d17e-4b9d-8bb7-73e47b688558) |
|Mac (from LowSpecGamer25) | ![mac-user](https://github.com/soulhotel/FF-ULTIMA/assets/155501797/e814cc59-ae96-4e8a-a128-261daecd9094) |



28 changes: 0 additions & 28 deletions doc/replace-features.md

This file was deleted.

217 changes: 217 additions & 0 deletions doc/style-editor.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,217 @@
/*--------------------------------------------------*/
/*--Header Panel--*/

#root.root {
--toolbar-el-overlay-selected-bg: #0d0d0dff;
}
#root.root {
--toolbar-el-overlay-hover-bg: #0d0d0dff;
}
#root.root {
--toolbar-el-overlay-active-border: #ffffffff;
}
#root.root {
--toolbar-el-overlay-active-bg: #0d0d0dff;
}
#root.root {
--toolbar-el-overlay-active-border: #1a1a1aff;
}
#root.root {
--nav-btn-accent: #ffff80ff;
}

@media (prefers-color-scheme: light) {
#root.root {
--toolbar-el-overlay-selected-bg: rgb(69, 107, 200);
}
#root.root {
--toolbar-el-overlay-hover-bg: rgb(69, 107, 200);
}
#root.root {
--toolbar-el-overlay-active-bg: rgb(69, 107, 200);
}
}

.NavigationBar .nav-item .audio {
display: none !important;
}

/*--------------------------------------------------*/
/*--Pinned Tabs--*/

#root.root {
--tabs-pinned-width: 24vw;
--tabs-pinned-height: 40px;
}

@media (max-width: 250px) {
#root.root {
--tabs-pinned-width: 23.5vw;
--tabs-pinned-height: 40px;
}
}

@media (max-width: 165px) {
#root.root {
--tabs-pinned-width: 23vw;
--tabs-pinned-height: 40px;
}
}

@media (max-width: 125px) {
#root.root {
--tabs-pinned-width: 22vw;
--tabs-pinned-height: 40px;
}
}

@media (max-width: 84px) {
#root.root {
--tabs-pinned-width: 20.5vw;
--tabs-pinned-height: 19px;
}
.PinnedTabsBar .tab-wrapper .fav {
transform: scale(0.6);
}
}

@media (max-width: 42px) {
#root.root {
--tabs-pinned-width: 15px;
--tabs-pinned-height: 19px;
}

.PinnedTabsBar .audio {
display: none !important;
}
.PinnedTabsBar[data-audible] svg.-loud,
.PinnedTabsBar[data-muted] svg.-mute {
display: none !important;
}
}

/*--------------------------------------------------*/
/*--Tabs--*/

#root.root {
--tabs-normal-fg: rgb(251, 251, 254);
}
#root.root {
--tabs-activated-bg: #0d0d0dff;
}
#root.root {
--general-border-radius: 10px;
}
#root.root {
--general-margin: 2px;
}
#root.root {
--frame-el-overlay-selected-border: #ffffffff;
}
#root.root {
--frame-el-overlay-selected-bg: #0d0d0dff;
}
#root.root {
--tabs-border-radius: 10px;
}
#root.root {
--tabs-indent: 20px;
}

@media (prefers-color-scheme: light) {
#root.root {
--frame-el-overlay-selected-bg: rgb(69, 107, 200);
}
#root.root {
--frame-el-overlay-selected-border: rgb(69, 107, 200);
}
}

.Tab[data-pin="false"] .fav {
margin-left: 9px;
}
#root.root {
--tabs-audio-btn-width: 30px;
}

/*--------------------------------------------------*/
/*--Fix Tabs Tree--*/

@media screen and (max-width: 42px) {
#root {
--tabs-indent: unset !important;
}

.ScrollBox > .scroll-container {
overflow: hidden;
}

.Tab .body::after {
display: none !important;
}

.Tab .audio {
left: 10px;
transform: scale(0.8);
transform: translateY(6px) translateX(-15px);
z-index: 99 !important;
}

.Tab[data-audible] svg.-loud,
.Tab[data-muted] svg.-mute {
transform: translateY(0px) translateX(0px);
}
}

/*--------------------------------------------------*/
/*--Background--*/

@media (prefers-color-scheme: dark) {
/*--Body--*/
#root.root {
--frame-bg: rgba(35, 35, 42, 1);
}
/*--Header--*/
#root.root {
--toolbar-bg: rgba(35, 35, 42, 1);
}
}

@media (prefers-color-scheme: light) {
/*--Body--*/
#root.root {
--frame-bg: rgba(216, 217, 248, 1);
}
/*--Header--*/
#root.root {
--toolbar-bg: rgba(216, 217, 248, 1);
}
}

/*--------------------------------------------------*/
/*--Bookmarks--*/

#root.root {
--bookmarks-indent: 0px;
}

/*--------------------------------------------------*/
/*--Context Menu--*/

#root.root {
--ctx-menu-padding: 3px;
}
@media (prefers-color-scheme: light) {
#root.root {
--popup-bg: rgb(69, 107, 200);
}
}

/*--------------------------------------------------*/

#root.root {
--notification-bg: #111117ff;
}
#root.root {
--notification-fg: rgb(251, 251, 254);
}
Loading

0 comments on commit d51b473

Please sign in to comment.