General discussions, feedback, questions belong here (v3) #88
Comments
|
Your mod for the overflow add-ons was great but it requires being selective with add-ons. Some add-ons need more width to fully function. Poisencity post a wider horizontal alternative on Reddit/FirefoxCSS that includes the search bar. |
|
I tried modifying bookmarks_toolbar_multiple_lines.css. by replacing both "999px" values with "78px" to get 3 lines of bookmarks on the toolbar. I continued to have only one row. Then I downloaded and installed version 1.5.0.1 and I still only have one row. Before I upgraded to Firefox 57 I had 3 rows. When I installed 57 it gave me one row and the other bookmarks are on the bookmark overflow line. What am I doing wrong? |
|
@Pizzapops @radiotech1 If you edit 1.5.1s bookmarks_toolbar_multiple_lines.css file and change :root {
--bookmark_items_height: 26px;
--bookmark_items_lines: 3;
}to :root {
--bookmark_items_height: 999px;
--bookmark_items_lines: 1;
}it will behave like in previous builds (if you need to test this). Make sure you are not trying to combine "multiple bookmarks lines" and "simulated add-on bar" option. |
|
I edited userChome.css for multilines and I now have about 12 rows of Bookmarks and I cant change them. When I modified bookmarks_toolbar_multiple_lines.css with the above code, I still have the 12 rows, but the actual web page content has no room to display. I see the top of them at the bottom of the window and the window is mostly all white. |
|
Ok I went back to the original bookmarks_toolbar_multiple_lines.css and then edited the bookmarks by creating a new folder. It let me move the bookmarks from rows 4-12 in this new folder and I ended up with 3 rows. So I tried creating more book marks and instead of having the overflow chevron on the right it started making a new row of bookmarks. |
|
Consider a persona based sidebar option. There is no perfect way to do it without themes containing a dedicated graphic. I use solid color themes with my persona_sidebar.css is OK. It is a modified dark sidebar (found elsewhere). Using the footer graphic for the background works most of the time.
I still have to pull in the theme font colors. I may post it after some more polish. |
|
@radiotech1 @Pizzapops |
|
After installing Firefox Quantum (portable) did some experiments with CustomCSS and I've pretty much replicated my old-school firefox view (I'm using win7 classic theme). It is indeed much faster, and there are already major addons available that I need, however, I'm still waiting for stuff like Flashgot, Tab Mix Plus, Scrapbook, Add bookmark here 2, Add to Search etc. It turned out better than I expected, I decided to stay on 52ESR for now, but I'm pretty positive about eventual move to Quantum. Thank you for your great work. |
|
@Aris-t2
|
Now that you tell it …
.tabbrowser-tab[busy="true"] .tab-label {
color: #9933CC !important;
font-style: italic !important;
font-weight: initial !important;
text-shadow: 0px 1px 0px #FFCCFF, 0px 1px 4px #FFCCFF !important;
}Set after the rule for active tabs it works also for them, and just for these I added the
.tab-line:not([selected="true"]) {
opacity: 1 !important;
transform: none !important;
}This is also the style for hovered tabs where it works. |
|
is there any way to integrate curved tabs like this https://github.com/wilfredwee/photon-australis into this and it be below the content? |
|
@Pizzapops Edit:
.tabbrowser-tab:not([busy="true"]):not(:hover) > .tab-stack > .tab-background > .tab-line:not([selected=true]),
.tabbrowser-tab:not([busy="true"]):hover > .tab-stack > .tab-background > .tab-line:not([selected=true]),
.tabbrowser-tab:not([busy="true"]) > .tab-stack > .tab-background > .tab-line[selected=true],
.tabbrowser-tab:not([busy="true"]) > .tab-stack > .tab-background > .tab-line:not([selected=true]),
.tabbrowser-tab:not([busy="true"]) > .tab-stack > .tab-background > .tab-line {
height: 2px !important;
opacity: 1 !important;
transform: unset !important;
transition: unset !important;
}
.tabbrowser-tab[busy="true"]:not(:hover) > .tab-stack > .tab-background > .tab-line:not([selected=true]),
.tabbrowser-tab[busy="true"]:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]),
.tabbrowser-tab[busy="true"] > .tab-stack > .tab-background > .tab-line[selected=true],
.tabbrowser-tab[busy="true"] > .tab-stack > .tab-background > .tab-line:not([selected=true]),
.tabbrowser-tab[busy="true"] > .tab-stack > .tab-background > .tab-line {
height: 2px !important;
opacity: 1 !important;
transform: scaleX(0) !important;
transition: transform 2500ms var(--animation-easing-function), opacity 2500ms var(--animation-easing-function) !important;
}
.tabbrowser-tab > .tab-stack > .tab-background > .tab-line[selected=true] {
background-color: green !important;
}
.tabbrowser-tab:not(:hover) > .tab-stack > .tab-background > .tab-line:not([selected=true]),
.tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) {
background-color: red !important;
}@aflove65 |
@aflove65: Dark compact theme example:
Maybe use, because better contrast compared to "classic squared tabs". |
I thought I cited what I referred to, but it’s not that important: It was about the small content jump when activating the menu.
Whoa, this is awesome, you are awesome! May I have been successful myself if I had thought of Update: .tabbrowser-tab:not([busy="true"]) > .tab-stack > .tab-background > .tab-line:not([selected="true"]) {
opacity: 1 !important;
transform: unset !important;
transition: unset !important;
}
@keyframes busytabs {
from { transform: scaleX(1); }
to { transform: scaleX(100); }
}
.tabbrowser-tab[busy="true"]:not(:hover) > .tab-stack > .tab-background > .tab-line:not([selected="true"]),
.tabbrowser-tab[busy="true"]:hover > .tab-stack > .tab-background > .tab-line:not([selected="true"]),
.tabbrowser-tab[busy="true"] > .tab-stack > .tab-background > .tab-line[selected="true"],
.tabbrowser-tab[busy="true"] > .tab-stack > .tab-background > .tab-line:not([selected="true"]),
.tabbrowser-tab[busy="true"] > .tab-stack > .tab-background > .tab-line {
background-color: #0033FF !important;
background-image: linear-gradient(to right, transparent 49%, #CCFFFF 50%, transparent 51%) !important;
animation: busytabs 1s infinite linear alternate !important;
}The scale factor Regarding fine tuning: This would be one-time hard work for you, but how about adding a style file with lots of variables that will be imported first. These variables then are all over the styles used. With hard work I mean beside the pure typing thinking of good variable names, commenting these and replacing values where needed. Another thing that probably would need adjustment: For better delimitation *) I have added some border on top and on bottom of main content: #content {
border-top: 2px groove var(--tab-line-color) !important;
border-bottom: 2px ridge var(--tab-line-color) !important;
}This looks good here with the light theme I use, but presumably not with the dark theme and other light themes. Also for the default without a statusbar the bottom border probably not should be added. *) Especially when accidentally the web content has similar colours like the top bars it can be hard to differentiate (I had this case and got the idea then). And almost forgotten: /* tab top border roundness */
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-stack,
#TabsToolbar .tabbrowser-tab .tab-background,
#TabsToolbar .tabbrowser-tab .tab-content {
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
} |
Do you have one trouble on the page about:addons ? Because I can't load it (entirely with Firefox_v58 and that's the reason ?)... In fact, I don't see my list of addons (totally white or empty). PS : Does it exist (one anchor HTML) ? At least, it seem's to be true about:addons#Extensions (for Cyberfox and not Firefox. Unless it's another bug ?). |
|
@Speravir Good you figured out the optimal 'tab busy' configuration for you. I will add global configuration files for tab and toolbar color settings and more, so we can get rig of all the extra files *_aero.css, *_classic_grey.css etc. Only one file per color has to be imported and it affects all areas like tabs, general toolbars, tabs not on top mode, tabs below content mode etc. The additional 2px above and below #content may be good for some rare cases, but in general they create an unnecessary gap. Tab top border roundness for 'default tabs' sound like a good thing to add. @WagnerGMD |
|
can someone knows how to fixed about:blank it look like this white shit.
…On 14 December 2017 at 11:47, Aris ***@***.***> wrote:
@Speravir <https://github.com/speravir>
Wasn't that 'line jump' fixed on on of the last releases? The only 'jump'
I saw was with 'tabs below titlebar' option and I fixed it (at least for
me).
Good you figured out the optimal 'tab busy' configuration for you.
I will add global configuration files for tab and toolbar color settings
and more, so we can get rig of all the extra files *_aero.css,
*_classic_grey.css etc. Only one file per color has to be imported and it
affects all areas like tabs, general toolbars, tabs not on top mode, tabs
below content mode etc.
The additional 2px above and below #content may be good for some rare
cases, but in general they create an unnecessary gap.
Tab top border roundness for 'default tabs' sound like a good thing to add.
@WagnerGMD <https://github.com/wagnergmd>
Did you also copy the correct xml file? The mentioned css files binds the
code in /smladdonversion_fx57.xml/ and if it is missing, you break the
add-ons manager. Make sure you have extracted all files from zip archive to
/chrome/ folder correctly.
—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
<#88 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/ANXvJbfnclW-TXT2FOmX02kVc6svBAtQks5tANKUgaJpZM4Q8efO>
.
|
|
@LionWrathz Add this to your userContent.css to change its color: @-moz-document url-prefix(about:blank) {
* {
background: red !important;
}
} |
|
it supposed to be like this when you open a new-tab completely transparent
about blank i run this code on ff6 now its gone
+ the addons
https://addons.mozilla.org/en-US/firefox/addon/blank-new-tab/?src=api
@namespace url("
http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@media all and (-moz-windows-compositor) {
#main-window[stylish-url="about:blank"]:
not([onclose="PrintUtils.exitPrintPreview(); return false;"]) #content
browser {
opacity: 0 !important;
background-color: transparent !important;
}
#main-window[stylish-url="about:blank"]:not([onclose="PrintUtils.exitPrintPreview();
return false;"]) #content {
background-color: rgba(255, 255, 127, .0) !important;
}
#appcontent,
#content> tabbox> tabpanels {
background-color: transparent !important;
}
}
v1.1 fixed
@namespace url("
http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@media all and (-moz-windows-compositor) {
#main-window[stylish-url="about:blank"]:not([onclose="PrintUtils.exitPrintPreview();
return false;"]) #content browser {
opacity: 0 !important;
background-color: transparent !important;
}
#main-window[stylish-url="about:blank"]:not([onclose="PrintUtils.exitPrintPreview();
return false;"]) #content {
background-color: rgba(255, 255, 127, .0) !important;
}
#appcontent,
#content> tabbox> tabpanels {
background-color: transparent !important;
}
}
am using this now ''only'' when the pages is loading.
/*iMacro Sidebar*/
#im-tabs,.tabs-right,#Recorder,#treeview,#boxlistbox
*,#replaystat,#im-tabpanels,#im-play-button-decoration,#im-record-button-decoration
{
background-color: transparent !important;
color: white /*<--custom color*/!important;
text-shadow: 0px 0px 6px white, 0px 0px 6px white, 0px 0px 6px white
!important;
-moz-appearance: -moz-win-glass !important;
}
/* About blank:Aero - opacity: 0.1 = aero*/
#content,
#appcontent,
#content > tabbox > tabpanels {
background-color: transparent !important;
}
+Aeroglass
…On 14 December 2017 at 13:28, Aris ***@***.***> wrote:
@LionWrathz <https://github.com/lionwrathz>
How is it supposed to look? It was white even before Firefox 57 release.
Add this to your userContent.css to change its color:
@-moz-document url-prefix(about:blank) {
* {
background: red !important;
}
}
—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
<#88 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/ANXvJXZGktnPYNU17NZfKJCRPIIpd5Ctks5tAOoogaJpZM4Q8efO>
.
|
|
There was no way we could now you were talking about old add-ons. It sounded like something was broken, but this is not the case. Old add-ons are gone and so is the code based on them. I did some experiments with something without Stylish, but the code does not always work properly, because we can not determine about:blank/about:newtab/about:home on root/toolbar/tab level. There is no workaround I know of. Look here to see what is possible with experimental code: #41 (comment) Never heard of iMacro sidebar. I doubt it works in Firefox 57+. |
|
@Aris-t2 Inside the folder xml, I got only 2 files : addonversion_fx57.xml and urlbarBindings_fx57.xml. Wrong name ? Unless I didn't see the error (and the folder was empty) ? It could be true. Because on the moment, (I was thinking) the extraction run fine (yesterday it was custom_css_for_fx_v1.5.1.zip). As today I believe the trouble might be gone. Let's hope but I was forced to recreate a new profile. |
Mee too, why should this be wrong? Note, that starting from Fx 58 XBL-bindings are deprecated, cf. #43 and the according notice in
(etc.) Wow! Did I told you that you are awesome? If I think there’s an overlooked property that could be set as variable should I create an own issue?
Yes, I just added the code for information, I apparently should better have set it to the end in my latest posting above. Generally: Some settings are hard to integrate, but too interesting. You could add them on a separate page. From other Github pages I know that it is possible to add a wiki area.
Aah, now do I understand – no, I still have this small jump and I thought you referred to, that this is also the case without a special setting. |
|
@WagnerGMD @Speravir In the "default configuration" without changing anything tabs jump into titlebar, if menubar is not present, and jump below it, if it is. Maybe there is a special case with some OS theme / DPI value. Open a new issue and describe the OS configuration the jump occurs with. Add screenshots of "before the jump occurs" and "after it occurs". |
|
Do you know the code that will enable spacing between pinned tabs? |
|
Should be something like this (untested): .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
-moz-margin-start: 4px !important;
} |
|
Thank you that worked! |
|
The styles #sidebar-header {
background-color: var(--lwt-accent-color) !important;
background-image: var(--lwt-header-image) !important;
background-position: bottom left !important;
background-repeat: no-repeat !important;
}This also works with the dark sidebar, but the light grey text in the head is barely visible then. I think in the styles mentioned above you have chosen a different variable for background color. Speaking of the sidebar head: Could you add a style for coloring the symbols there and in the select menu like you did it already for the appbutton (
OK, here you go: See now issue #92. |
Yes, never seen it. My fix for FF60+ was just a quick dirty one. Made it as soon as I've seen it. Just fiddled around a bit. I'm not sure if it is possible providing one code for all FF versions. Atm I'm not smart enough to make it work the way I want it: Your version has the problem not replacing the button titles, which is the whole point of this. I added the Maybe I'll find a solution in the evening. |
|
I wasn't criticizing. Your idea to modify this part of the ui is superb. I just think the labels To minimize possible affection of other website one could add more tags to the path, but there won't be a 100% guarantee without any exclusive extension related ids/classes inside the inserted iframe and path to the buttons. The following code
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download {
background-color: #1a0 !important;
width: initial !important;
-moz-padding-start: 34px !important;
background-position: 8px center !important;
border: none !important;
}
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download img {
margin-bottom: -3px !important;
-moz-margin-start: -28px !important;
-moz-margin-end: 6px !important;
width: 18px !important;
}
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download:hover {
background-color: #2b0 !important;
}
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download::after {
content: attr(title) !important;
font-weight: bold !important;
}
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.preview-button-save,
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.highlight-button-save {
background-color: #C00 !important;
background-position: center !important;
color: #C00 !important;
font-size: 0 !important;
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
}
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.preview-button-save:hover,
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.highlight-button-save:hover {
background-color: #D22 !important;
}
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.preview-button-save img,
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.highlight-button-save img {
min-width: 20px !important;
-moz-margin-start: 7px !important;
} |
Oh I didn't understand it like that and I hope, you don't too. I can be quite direct sometimes which may sound rude in written form. But I'm just spending my time here trying to help, improve and give something back for what I got from this project :-)
That's where I disagree. You can't download something from your own PC. Actually it already is on your PC and you just point to where it should be saved. "Save to PC" and "Upload to cloud" would be the most accurate titles I can think of. Not ok: "Download" and "Save" Still, written text is always better than an icon which can be misunderstood, especially as the tooltip is also misleading. /edit Concerning the selectors, I think html[dir="ltr"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-download { }will be sufficient, but better to read (skip the whole cascade of |
|
Alright, you convinced me. The "internal" names will be used for non-localized browser versions. So far I have this: html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download {
background-color: #1a0 !important;
width: initial !important;
-moz-padding-start: 34px !important;
background-position: 8px center !important;
border: none !important;
}
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download img {
margin-bottom: -3px !important;
-moz-margin-start: -28px !important;
-moz-margin-end: 6px !important;
width: 18px !important;
}
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download:hover {
background-color: #2b0 !important;
}
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download::after {
content: attr(title) !important;
font-weight: bold !important;
}
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.preview-button-save,
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.highlight-button-save {
background-color: #C00 !important;
color: #C00 !important;
font-size: 0 !important;
}
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.preview-button-save:hover,
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.highlight-button-save:hover {
background-color: #D22 !important;
}
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download::after {
content: attr(title) !important;
font-weight: bold !important;
}
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.preview-button-save::after,
html[dir="ltr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.highlight-button-save::after {
content: "Cloud" !important;
font-size: medium !important;
color: white !important;
font-weight: bold !important;
}
/* Language settings */
/* English US*/
html[dir="ltr"][lang="en-US"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download::after {
content: "Save" !important;
}
html[dir="ltr"][lang="en-US"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.preview-button-save::after,
html[dir="ltr"][lang="en-US"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.highlight-button-save::after {
content: "Upload" !important;
}
/* German */
html[dir="ltr"][lang="de"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download::after {
content: "Speichern" !important;
}
html[dir="ltr"][lang="de"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.preview-button-save::after,
html[dir="ltr"][lang="de"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.highlight-button-save::after {
content: "Hochladen" !important;
}
/* French */
html[dir="ltr"][lang="fr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download::after {
content: "Sauvegarder" !important;
}
html[dir="ltr"][lang="fr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.preview-button-save::after,
html[dir="ltr"][lang="fr"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.highlight-button-save::after {
content: "Télécharger" !important;
}
/* Spanish */
html[dir="ltr"][lang="es-ES"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download::after {
content: "Salvar" !important;
}
html[dir="ltr"][lang="es-ES"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.preview-button-save::after,
html[dir="ltr"][lang="es-ES"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.highlight-button-save::after {
content: "Subir" !important;
}
/* Portuguese */
html[dir="ltr"][lang="pt-PT"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download::after {
content: "Salve" !important;
}
html[dir="ltr"][lang="pt-PT"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.preview-button-save::after,
html[dir="ltr"][lang="pt-PT"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.highlight-button-save::after {
content: "Envio" !important;
}
/* Italian */
html[dir="ltr"][lang="it"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download::after {
content: "Salvare" !important;
}
html[dir="ltr"][lang="it"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.preview-button-save::after,
html[dir="ltr"][lang="it"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.highlight-button-save::after {
content: "Caricare" !important;
}
/* Russian */
html[dir="ltr"][lang="ru"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download::after {
content: "Сохранить" !important;
}
html[dir="ltr"][lang="ru"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.preview-button-save::after,
html[dir="ltr"][lang="ru"] body div.highlight div.highlight-buttons button.highlight-button-cancel + button.highlight-button-copy + button.highlight-button-download + button.highlight-button-save::after {
content: "Загрузить" !important;
} |
|
Looks great and seems to work in FF58 as well as FF60! click mehtml[dir="ltr"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-download {
background-color: #1a0 !important;
width: initial !important;
-moz-padding-start: 34px !important;
background-position: 8px center !important;
border: none !important;
}
html[dir="ltr"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-download img {
margin-bottom: -3px !important;
-moz-margin-start: -28px !important;
-moz-margin-end: 6px !important;
width: 18px !important;
}
html[dir="ltr"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-download:hover {
background-color: #2b0 !important;
}
html[dir="ltr"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-download::after {
content: attr(title) !important;
font-weight: bold !important;
}
html[dir="ltr"] > body > div.highlight > div.highlight-buttons:first-child > button.preview-button-save,
html[dir="ltr"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-save {
background-color: #C00 !important;
color: #C00 !important;
font-size: 0 !important;
}
html[dir="ltr"] > body > div.highlight > div.highlight-buttons:first-child > button.preview-button-save:hover,
html[dir="ltr"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-save:hover {
background-color: #D22 !important;
}
html[dir="ltr"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-download::after {
content: attr(title) !important;
font-weight: bold !important;
}
html[dir="ltr"] > body > div.highlight > div.highlight-buttons:first-child > button.preview-button-save::after,
html[dir="ltr"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-save::after {
content: "Cloud" !important;
font-size: medium !important;
color: white !important;
font-weight: bold !important;
}
/* Language settings */
/* English US*/
html[dir="ltr"][lang="en-US"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-download::after {
content: "Save" !important;
}
html[dir="ltr"][lang="en-US"] > body > div.highlight > div.highlight-buttons:first-child > button.preview-button-save::after,
html[dir="ltr"][lang="en-US"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-save::after {
content: "Upload" !important;
}
/* German */
html[dir="ltr"][lang="de"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-download::after {
content: "Speichern" !important;
}
html[dir="ltr"][lang="de"] > body > div.highlight > div.highlight-buttons:first-child > button.preview-button-save::after,
html[dir="ltr"][lang="de"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-save::after {
content: "Hochladen" !important;
}
/* French */
html[dir="ltr"][lang="fr"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-download::after {
content: "Sauvegarder" !important;
}
html[dir="ltr"][lang="fr"] > body > div.highlight > div.highlight-buttons:first-child > button.preview-button-save::after,
html[dir="ltr"][lang="fr"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-save::after {
content: "Télécharger" !important;
}
/* Spanish */
html[dir="ltr"][lang="es-ES"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-download::after {
content: "Salvar" !important;
}
html[dir="ltr"][lang="es-ES"] > body > div.highlight > div.highlight-buttons:first-child > button.preview-button-save::after,
html[dir="ltr"][lang="es-ES"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-save::after {
content: "Subir" !important;
}
/* Portuguese */
html[dir="ltr"][lang="pt-PT"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-download::after {
content: "Salve" !important;
}
html[dir="ltr"][lang="pt-PT"] > body > div.highlight > div.highlight-buttons:first-child > button.preview-button-save::after,
html[dir="ltr"][lang="pt-PT"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-save::after {
content: "Envio" !important;
}
/* Italian */
html[dir="ltr"][lang="it"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-download::after {
content: "Salvare" !important;
}
html[dir="ltr"][lang="it"] > body > div.highlight > div.highlight-buttons:first-child > button.preview-button-save::after,
html[dir="ltr"][lang="it"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-save::after {
content: "Caricare" !important;
}
/* Russian */
html[dir="ltr"][lang="ru"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-download::after {
content: "Сохранить" !important;
}
html[dir="ltr"][lang="ru"] > body > div.highlight > div.highlight-buttons:first-child > button.preview-button-save::after,
html[dir="ltr"][lang="ru"] > body > div.highlight > div.highlight-buttons:first-child > button.highlight-button-save::after {
content: "Загрузить" !important;
} |
Maybe time to create v4 feedback topic. Or try add new post when github was attacked - githubengineering.com/ddos-incident-report/. |
|
Looks like my lost post could really fall in that time 3 days ago. Continue here: #109 |
|
I can't remove the grey boxes behind the icons. I have tried a lot of different combinations to fix it but nothing seems to work. Any ideas? I am using it on OS X |
|
Witch version of Firefox and OSX are you using? Have you tried a clean setup of this project (without modifying any settings)? |
|
I tried a clean setup it loads fine. The issue still occurs when I choose @import url(./css/toolbars/toolbar_mode_icons_and_text.css); /**/ |
|
Alright, I can reproduce this issue now. Not sure which version of the project introduced it again (it was fixed a while ago), but it will be fixed on next update. There will be an additional file to import for macOS: toolbar_mode_icons_and_text_and_text_only_macOS_fix.css Could we continue this discussion in #109 after I uploaded 1.7.6? |
|
Hi, I just updated from v1.5.9 to v1.7.8, adapted my settings to the ones before but can't find a certain item: compared to my previous settings now I have a border around my menu bar (see attached before and after screenshots). Can anyone tell me where i can find the corresponding setting to remove the border? |
|
It most likely was menubar > menubar color? |
|
Sadly, it was not. I have backups and compared those files. The line in the userChrome.css for menubar_color.css was enabled in both versions; the file menubar_colors.css itself didn't change except for the header text. Must be somewhere else. |
|
Looks like a not-updated menubar_colors.css is the reason for this problem. Other toolbar related code changed over time. Replace its content with this (next updates code will contain this too): /* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
:root {
--colored_menubar_background_image: linear-gradient(#f9f9fa,#f9f9fa);
--colored_menubar_text_color: inherit;
}
#toolbar-menubar:not(:-moz-lwtheme) {
background-image: var(--colored_menubar_background_image) !important;
/*border: 1px solid var(--tabs-border-color) !important;
border-bottom: 0px !important;*/
border: 0px !important;
margin-bottom: -1px !important;
}
@media (-moz-os-version:windows-win8),(-moz-os-version:windows-win10) {
#main-window[tabsintitlebar] #titlebar-min .toolbarbutton-icon,
#main-window[tabsintitlebar] #titlebar-max .toolbarbutton-icon,
#main-window[tabsintitlebar] #titlebar-close:not(:hover) .toolbarbutton-icon {
fill: var(--colored_menubar_text_color) !important;
color: var(--colored_menubar_text_color) !important;
stroke: var(--colored_menubar_text_color) !important;
}
}
#nav-bar {
border-top: 0px !important;
box-shadow: unset !important;
}
#main-window:not(:-moz-lwtheme) #main-menubar > menu > :-moz-any(label,description) {
color: var(--colored_menubar_text_color) !important;
}Am I assuming right you are using tabs toolbar on bottom or disabled it completely? |
|
Great news, thanks! I updated the menubar_colors.css with your code and everything looks perfect now!
No, but I am using code to hide the tab bar when only one tab is open. When taking the screenshot I had no other tabs opened so there's no tab bar but only this yellow line (which is a remnant of other code that reproduces the colorful-tab's tab-stack. This is the same color the respective active tab has. I just didn't find a way to hide it completely). P.S.: and sorry for reviving this v3, I only just found out that there's a new support thread v4 |
and others
Continued from here #3 and here #41
Instead of opening new "issues" for general talk we can use this area for discussions, feedback and questions. Open new "issues" for real bugs and problems.
Trying to make CSS code ready for Firefox Photon (57+)?
Remove all
@namespacereferences. They are the reason, if your code refuses to work.Application/hamburger button in tabs toolbar?
Look here: #46
Things this project will not target/recreate
Things not possible with CSS
The text was updated successfully, but these errors were encountered: