wooo yay ty!
Hey there
Just for a report, i sometimes have this little issue :
As you can see, a TB with a weight of 2. I already know the toolbox is a bit laggy so the fact thereâs only my name if thereâs already another player who played, is ânormalâ.
Hi,
Yeah, I know about the issue. Itâs because the server usually refreshes weight of a cube after at least a couple of seconds and sometimes even after a minute or so. So, I do it this way, that Iâm taking, what server serves me for that cube and add 1, when the cube was played or add 3, when the cube was scythed. However, sometimes it happens, that the server updates the weights right away and adding another +1 (+3) makes what you see on the screenshot. However, after each refresh from the server (those that happen every minute) the weight should be updated correctly, because then I donât add anything manually.
Iâve decided to do it this way, because itâs much more common, that the weight wasnât yet updated, that the weight is up to date.
However, Kelv added some additional things inside omni.js code, so I might use it to show the weight more correctly.
Cool ! Thanks for the explanation So thanks, i can adapt my workflow now
hey @KrzysztofKruk !
I made my custom new UI (not definitive) with the chromeâ dev tools, but i donât know if i can save it and use it with tampermonkey ? (So for the moment iâm a bit afraid to refresh the tab
All smaller, more simplist, specific colors to match my personal Win 7 etc etc
If you know how to, iâm open mind !
Hi,
Making it working through TamperMonkey should be easy.
Just create a new script with content similar to this:
// ==UserScript==
// @name Name of your script
// @namespace http://tampermonkey.net/
// @version 1.0
// @description Description of your script
// @author Kfay
// @match https://*.eyewire.org/
// @grant none
// ==/UserScript==
(function() {
'use strict';
$('head').append(`<style>
// your styles here
</style>`);
})();
Instead of the comment ("// your styles here") enter your custom styles int the format you see in the console, e.g.
if thereâs:
body, button, textarea {
font-family: Open Sans,sans-serif;
}
in the console, copy it and paste between those tags. If something desnât work, you can try to add !important modifier after it, e.g.:
body, button, textarea {
font-family: Open Sans,sans-serif !important;
}
It wonât work however, it youâll try to add the first category from the Console, i.e. element.style. If you were modifying that part, you have to try to modify some other categories or try to find id or class of that element.
For example, if youâre modyfing the Overview Cell panel, its id is overviewCell (as you can see in the console), so to add a style to it, you should do it like this:
#overviewCell {
/* your styles here */
}
If the element doesnât have an id, but have a class, then you could do something like this:
.recall-arrow {
/* your styles here */
}
Also you can check any online tutorials for creating CSS.
In the template at the beginning of the post, itâs important that Iâm using there ticks (`) not apostrophes (â). The tick character it that one, which is usually to the left of â1â on the keyboard. Itâs a new feature in JavaScript allowing creating multiline strings.
When youâre done with your script just save it, refresh EW page, edit the script and repeat those steps until everything works fine You donât have to close the TamperMonkey dashboard or the opened script. Saving is enough to make changes work.
Ohhh thanks @KrzysztofKruk !
I found a similar trick over the net which is :
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName(âheadâ)[0];
if (!head) { return; }
style = document.createElement(âstyleâ);
style.type = âtext/cssâ;
style.innerHTML = css;
head.appendChild(style);
}
Then i call the" addGlobalStyle" to get my css to work. it seem working fine too.
I will use yours and trying to make a new coool UI
So the # is for div and . for class, i was wondering how to call those separately, now i know !
I did notice !important was to prioritize the value, but how if the initial autor already added !important to its value ?
I Finally will be able to minimize this UI and desaturate this dirty yellow OFF Mysti button for good !
All your work, all your informations, answers⌠you rock man ! Yeaaah yyeaaah you ROCK
Cooopy/paste and Go
yeah, the addGlobalStyle() function should work almost the same way. Iâve done it my way to make it more readable.
is for ids, not divs. (Almost) every element can have an id and each id should be unique site-wise. Also (almost) every element can have one or more classes. Those donât have to be unique and are often used to change style for a group of elements.
If author has already used !important then thereâs also the priority of styles. The lowest priority have styles from a .css file, then styles from the section of a website, then from the âstyleâ attribute of an element. iirc, changing styles from JS has even higher priority. In our case, we are adding styles to the section.
Also selectors have their priority. The selector is that part of a style before the opening curly brace.
E.g. âbodyâ or â.classNameâ or â#someIdâ are all selectors. But selectors can also be more complex, e.g. â#someId > divâ or â#someOtherId table tr.someClassâ. The more specific selector, the higher priority. The tag selectors (e.g. âbodyâ, âdivâ, âspanâ, etc.) have the lowest priority, then the class selectors, then id selectors. When some more complex selectors are in use then there are also some priorities, but in those cases itâs usually more useful to just change and check
Some simple use of selector prioritizing is when you want to override a style for e.g. âdivâ selector. You can write â#idOfSomeOfTheDescendants divâ and this selector will have higher priority.
If two styles have exactly the same priority (e.g. both are in a .css file and are constructed the same way) then the order of the selectors matters - styles from the last one are used (ofc, only those styles, which are changed by that style definition; those which arenât changed by the last definition, are taken from the earlier ones or from some other definitions - whatever matches).
Not exactly a bug, but
I think you should -if possible- tie yours and HQâs accuracy bars to the option in gear cog, so if I enable yours it hides HQâs and visa versa, otherwise having yours on (which I assume to have yours on, means I donât want HQâs and visa versa) has both on lol.
Yeah, Iâll do that soon and also fix the problem, that after turning off my version and refreshing the EW page, mine is still visible, despite the option being turned off.
Yeah donât really know for you guys, but i prefer KK version. More visible (larger bars), weight cubes and % appearing.
I already made invisible and unclickable the new bars by adding
activityTrackerBarContainer>div>div.highAccuracy {
opacity: 0;
}
So donât you just need to reactivate yours ? (i have not your since update)
I like HQâs ones espec now that I found and changed the scythed colour to my scythe vision colour lol, but maybe b/c I have a large monitor theyâre not as small here and I like that all 60 appear on same side of screen and donât go over 2D lol.
Btw @KK how can I change your barsâ scythed colour? lol
Iâve so far left the other colours on it on default.
And thanks for all the work!
Iâve pushed a quick workaround (ver. 1.5.2) for the Accu Chart being visible after turning it off and refreshing the page. There is probably some race condition, so I will have to take a closer look to that. For now, it works this way, that after a refresh, itâs visibile for about 2 seconds and then (usually) gone. It doesnât look good, so I wil fix it ASAP, but for now, it have to be that way.
As for your question, @Nseraf to change the color of a scythed bar, go to line 776 and change the value for RP_COLOR constant. I know, the name of the constant is wrong and it will be fixed in future versions, but it is as it is xD. Also the SC_COLOR constant visible in the code doesnât work. It was planned to show also scythe-completes, but I couldnât find any handle to detect the completes and donât think it would be very usable after all.
Great, thank you!!
yw
ver. 1.5.3
I have (hopefully) fixed the problem in a more civilized way, lol.
Now it displays either the built-in ActivityTracker or my AccuChart and everything should work also after refreshing.
By my side, its still shows both when yours is enable.
But itâs ok when disable it, only official
Hmm, for me everything works.
However, Iâve changed the code a little bit (ver. 1.5.3.1) and now the built-in shouldnât be displayed when mine is visible. Though, the official one may blink for a moment then disappear.
Yeah, I like that too and was going to do mine this way. However, Iâve decided to make the dropdown, so even people with smaller resolutions can have use of the whole 60-cubes history.
All is good now ! Thanks
Hey thanks for your help improving my knowledge in CSS !
hereâs my new UI design
I just canât get rid of âKfayâ text weight and âMystic infoâ button. But itâs almost perfect
Do you think it would be possible to make the chat âauto hideâ (hiding on the left) for the space to be unclickable ? Just an ideaâŚ