• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

MMM-Todoist

Scheduled Pinned Locked Moved Troubleshooting
23 Posts 4 Posters 4.6k Views 4 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • S Offline
    sdetweil @bdream
    last edited by sdetweil Jul 22, 2020, 1:35 PM Jul 22, 2020, 1:16 PM

    @bdream

    before starting examine the ~/MagicMirror/index.html file, this is the layout of the page, and all content is inserted into these positions (position: of module definition in config.js)

    hit keyboard keys, ctrl, shift and letter i.

    dev window. opens on right side of screen
    select the tab labeled elements
    expand the tree to locate the module content. (module position is important)

    look at time value,
    Screenshot at 2020-05-25 17-09-40.png

    then select the time value in dom tree

    Screenshot at 2020-05-25 17-11-54.png

    notice the class list, bottom of the screen circled, and the individual classes are shown on the right, top is closest to the element, bottom is closest to t main.css

    u can edit the top right, and add element styles.

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    1 Reply Last reply Reply Quote 0
    • B Offline
      bdream
      last edited by Jul 22, 2020, 1:54 PM

      should “hit keyboard keys, ctrl, shift and letter i” be possible while my MM is running?
      Doesn’t work…

      –
      cheers, bdream

      S 1 Reply Last reply Jul 22, 2020, 2:01 PM Reply Quote -1
      • S Offline
        sdetweil @bdream
        last edited by Jul 22, 2020, 2:01 PM

        @bdream must be while mm is running
        you can do it on a remote browser too (forgot that) using chrome

        Windows PC to pi server

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        S 1 Reply Last reply Jul 22, 2020, 2:02 PM Reply Quote 0
        • S Offline
          sdetweil @sdetweil
          last edited by Jul 22, 2020, 2:02 PM

          @bdream all 3 keys at once

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • B Offline
            bdream
            last edited by Jul 22, 2020, 2:43 PM

            @sdetweil 8f033e0d-f5e0-4e19-89cd-c47a4108de3f-grafik.png
            such an awesome tool MagicMirror is.
            Every time I’m in contact with this forum I learn new nice things.

            Can’t see how to fix this the empty space mentioned by @Stoffbeuteluwe

            –
            cheers, bdream

            S 1 Reply Last reply Jul 22, 2020, 2:50 PM Reply Quote 0
            • S Offline
              sdetweil @bdream
              last edited by sdetweil Jul 22, 2020, 2:50 PM Jul 22, 2020, 2:50 PM

              @bdream keep expanding, you have the whole module content selected there, get to the little part that needs to move

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • B Offline
                bdream
                last edited by Jul 23, 2020, 8:50 AM

                I see what you mean.
                It’s tricky as I use MMM-Carousel and every time I click to expand it switch back.

                Have commented out MMM-Carousel and see that
                cec1a4c5-f39c-4aca-88b1-0c95726fc317-grafik.png

                Don’t know how to get the red round marked off

                –
                cheers, bdream

                S 2 Replies Last reply Jul 23, 2020, 12:36 PM Reply Quote 0
                • S Offline
                  sdetweil @bdream
                  last edited by sdetweil Jul 23, 2020, 1:22 PM Jul 23, 2020, 12:36 PM

                  @bdream expand the other divTableRows

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @bdream
                    last edited by Jul 23, 2020, 1:23 PM

                    @bdream said in MMM-Todoist:

                    It’s tricky as I use MMM-Carousel and every time I click to expand it switch back.

                    yes, sometimes you have to just use the one module to be able to explore effectively

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • B Offline
                      bdream
                      last edited by Jul 23, 2020, 2:05 PM

                      @sdetweil don’t know what exactly I’m looking for :face_with_monocle:
                      b536ed9c-7d84-40db-97ea-1b5c81ac7257-grafik.png

                      I assume 1 (marked in red 1) is exactly the space I want to get rid off.
                      And ! seems to me related to 2 (marked in red 2) , what in english is [space]

                      Could it be I have to do any in custom.css regarding the both lines with spacecells in it?
                      b58ba976-881c-4d43-9b3d-1d4f460a1eab-grafik.png

                      –
                      cheers, bdream

                      S 1 Reply Last reply Jul 23, 2020, 2:19 PM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 2 / 3
                      2 / 3
                      • First post
                        12/23
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy