MMM-MyScoreboard

[1a2a3a]

@j-e-f-f how do you reduce the font size of the content? i maanged to reduce them in css but then when the next game appear, the entire thing is back to default.

these are the 2 css i made but it seems like it doesnt port over to another game…

.MMM-MyScoreboard .box-score.stackedWithLogos.home-team-first .score.home {
left: 120px;
font-size: 0.8rem;
}


.MMM-MyScoreboard .box-score.stackedWithLogos.home-team-first .score.visitor {
left: 120px;
font-size: 0.8rem;
}

[sdetweil]

@1a2a3a said in MMM-MyScoreboard:

.MMM-MyScoreboard .box-score.stackedWithLogos.home-team-first .score.visitor

the logic of your css selector clause is

.MMM-MyScoreboard .box-score.stackedWithLogos.home-team-first .score.visitor

elements in elements with class MMM-MyScoreboard
AND
elements with ALL classes specified on the same element

     .box-score.stackedWithLogos.home-team-first 

 classes box-score **AND** stackedWithLogos **AND** home-team-first  

AND
elements with ALL classes specified on the same element

    .score.visitor

classes  score   **AND** visitor

[1a2a3a]

@sdetweil i dont understand sam…

did you mean like this?

.MMM-MyScoreboard .box-score AND stackedWithLogos AND home-team-first .score AND visitor {
left: 120px;
font-size: 0.8rem;
}

[sdetweil]

@1a2a3a I was specifying the logic of you selector clause

. means class

if there are multiple . in a string with no spaces it means
all these classes MUST be specified on the element explicitly

so you have some weak ands (with spaces)
.MMM-MyScoreboard (weak and) .box-score.stackedWithLogos.home-team-first (weak and) .score.visitor

and some ABSOLUTE ands
.box-score(ABSOLUTE and).stackedWithLogos(ABSOLUTE and).home-team-first
all these classes MUST be on the same element
class=“box-score stackedWithLogos home-team-first”
and
.score(ABSOLUTE and).visitor
class=“score visitor”

[1a2a3a]

@sdetweil

weak? absolute?

[sdetweil]

@1a2a3a

  <div class="MMM-MyScoreboard"> 
     <div class="box-score">
           <div class="stackedWithLogos home-team-first">
                 <div >some text </div>
     <div class="box-score stackedWithLogos home-team-first>hit the jackpot</div>
 </div>

because your second part of the selector clause has no spaces,
ALL THREE classes MUST appear in the class= of the element (absolute AND)

so the element with ‘some text’ will NOT be selectable
but element WITH all three, hit the jackpot, WILL BE selectable
(selectable depending on the next 2 classes, which I didn’t show)

[SirFM]

I haven’t dove into the code but do you know if the W-L record of the teams could easily be displayed?

[1a2a3a]

@sdetweil I can’t Sam, I really can’t. Spent 3 days trying to get this and cron job for schedule on off on Wayland. Managed to get cron to work finally, but no dice on this.

[sdetweil]

@1a2a3a i understand… open the developers window on the MM browser (best to use the PC browser)

ctrl-shift-i

select the elements tab
select the pointer in the top left of the elements tab
move the mouse pointer over the MM web page contents to you get to the MMM-MyScoreboard module, all the content should be highlighted
click mouse

in the developers window, the (selected by click) module content will be shown
with all the classes and explicit attributes attached…

see this topic with screen shots to help see my post here
https://forum.magicmirror.builders/post/90135

[1a2a3a]

anyone having issue with the module? its not showing anything now despite games being on.

getting something like this in the dev mode

M-MyScoreboard] Updating Scores
module.js:367 Parameter mismatch in module.hide: callback is not an optional parameter!
main.js:671 module tries to update the DOM without being displayed.