MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. ankonaskiff17
    3. Posts
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    Offline
    • Profile
    • Following 1
    • Followers 4
    • Topics 74
    • Posts 310
    • Groups 0

    Posts

    Recent Best Controversial
    • RE: Multiple tables formatted, not just MMM-Gas

      @sdetweil So should be either .MMM-Gas.table { } or .MMM-Gas table { }? What is the preferred way?

      posted in Custom CSS
      ankonaskiff17A
      ankonaskiff17
    • RE: Multiple tables formatted, not just MMM-Gas

      @cowboysdude I already have that in place.

      posted in Custom CSS
      ankonaskiff17A
      ankonaskiff17
    • RE: Applying CSS to individual cells in a table

      @sdetweil Have it read MM/DD/YY, even on the day of event.
      Either 6 or 7 days out from calendar event, the date swaps from MM/DD/YY to Monday at 12:00 AM. (For US Labor Day holiday, in this case)
      hideTimegets me to it just showing Monday.

      I thought getRelative: 0, was used to do what I want it to do, You have option of from between 0 - 48 hours with default being 6 hours it goes to relative time. It is swapping at about 6 - 7 DAYS in reality. Maybe just a coincidence but it seems like the default getRelative: 6;is 6 days, not hours, and setting it to zero has no effect.

      posted in Custom CSS
      ankonaskiff17A
      ankonaskiff17
    • Multiple tables formatted, not just MMM-Gas

      I applied some CSS to the MMM-Gas table and all was looking good until I looked at all the other tables on my MM and they all took the same formatting as MMM-Gas even though I directly named the module as shown in this code snippet. I thought that by addressing each item as shown in first CSS would prevent that. Shouldn’t the other tables have used whatever was configured in to their module code and CSS?
      .MMM-Gas {
      something something
      }
      would have prevented that.
      I turned off the CSS for MMM-Gas and the other tables reverted to their expected format, Below is CSS for couple of items. How do I format JUST the MMM-Gas table?

      /* ###MMM-Gas Formatting###
      .MMM-Gas .table {
      position: relative;
      left: 20px;
      width: 95%;
      }

      .MMM-Gas th {
      position: relative;
      padding: 0;
      text-align: left;
      font-size: 20px;
      }

      posted in Custom CSS
      ankonaskiff17A
      ankonaskiff17
    • RE: Applying CSS to individual cells in a table

      @sdetweil What is “jumpy”? Is it similar to say moment.js or other similar libraries? I know I read a bunch of stuff relating to moment.js battling with the calendar module to see if I could figure out how to make the calendar module just show a date which I failed to succeed in doing.

      posted in Custom CSS
      ankonaskiff17A
      ankonaskiff17
    • Applying CSS to individual cells in a table

      How do you go about changing individual cells in a table? I have been messing with MMM-Gas and out of the box it was really small in comparison to other modules. This on on a standard computer monitor and not on big TV I have been poking at, off and on.

      I got the cells/font below Price and Station enlarged no problem and at first I was anticipating them to scale up but when I dug around in MMM-Gas.js they are doing something that I have not seen before.
      ajumpy.innerHTML = "Price"; & xjumpy.innerHTML = "Station";

      Screenshot 2021-08-29 213605.jpg

      posted in Custom CSS
      ankonaskiff17A
      ankonaskiff17
    • Generic CSS question when target is several layers down

      How does one address what appears to be an attribute amenable to custom CSS tweaking when the item is several layers down as shown in attached picture? I figure it has to do with the crude example I sketched out below but not sure what is driver for when you insert spaces, or don’t.
      I see CSS that is
      .X.Y.Z {
      padding-left: 20px;
      }
      While other times it may be

      .X.Y .Z {
      padding-left: 20px;
      }
      Generic CSS.jpg

      posted in Custom CSS
      ankonaskiff17A
      ankonaskiff17
    • dateFormat and getRelative

      I have two of the default calendar modules, one above the other both visually and in config.js.

      module_1_calendarand module_2_calendar. I have both modules with dateFormat set to MM/DD/YY.
      I also have getRelative: 0, which in the configure options description says will force the calendar event to stay absolute vs at a configured time (0 - 48) with default being 6. My understanding could be way off the mark but I translate that as saying right up to and including the day of the event it will stay in 'MM/DD/YY' rather than what is shown in attached picture of my config.js file. The default 6 hours isn’t really the issue either as the circled Wednesday at 12:AM is way out beyond 6 hours.
      In the end I do not want either calendar to show anything but 'MM/DD/YY' and I thought the combination of the date format and forcing the getRelative would accomplish that.

      getRelative.jpg

      Relative  vs Absolute.jpg

      posted in Troubleshooting
      ankonaskiff17A
      ankonaskiff17
    • RE: Duplicate Modules w Different CSS

      @sdetweil You want me to start as new topic since it relates to config?

      posted in Troubleshooting
      ankonaskiff17A
      ankonaskiff17
    • RE: Duplicate Modules w Different CSS

      @sdetweil Are you saying to use that identifier in the config file too. I did that and it made the second module disappear.
      I replaced module: 'calendar', with module: 'module_2_calendar',

      This is the line in Developer Tools
      <div id="module_2_calendar" class="module calendar calendar"

      posted in Troubleshooting
      ankonaskiff17A
      ankonaskiff17
    • 1
    • 2
    • 17
    • 18
    • 19
    • 20
    • 21
    • 30
    • 31
    • 19 / 31