Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [gelöst] Metro Tiles - dünne Umrandung (nicht borders!) ausschalten?

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    718

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    18
    1
    5.9k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.5k

[gelöst] Metro Tiles - dünne Umrandung (nicht borders!) ausschalten?

Scheduled Pinned Locked Moved Visualisierung
4 Posts 2 Posters 713 Views
  • 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.
  • T Offline
    T Offline
    tempestas
    wrote on last edited by
    #1

    Hi,

    leider bin ich in Sachen CSS und Co. noch sehr am Anfang. Ich möchte gerne diese dünnen Umrandungen, die immer da sind bei den Metro Tiles ausschalten. Leider finde ich nicht, was ich da überschreiben müsste. Es sind keine Standard-Borders wie es scheint.

    Kann mir da jemand einen Tipp geben?

    <size="85">ioBroker | 21 Adapter | Ubuntu Server | intel NUC | Homematic CCU2 | Hue | Osram Lightify| Sonos | 2x Instar Cam | Samsung Tab A 2016 im Holzrahmen| 3x Echo dot | 1x Echo | Neato Botvac D5</size>

    1 Reply Last reply
    0
    • T Offline
      T Offline
      tempestas
      wrote on last edited by
      #2

      niemand? :(

      Diese Striche sind im Firefox nicht zu sehen, wohl aber in Chrome. Grund weiß ich nicht, mit dem Inspektor komme ich mangels Expertise nicht weiter.

      <size="85">ioBroker | 21 Adapter | Ubuntu Server | intel NUC | Homematic CCU2 | Hue | Osram Lightify| Sonos | 2x Instar Cam | Samsung Tab A 2016 im Holzrahmen| 3x Echo dot | 1x Echo | Neato Botvac D5</size>

      1 Reply Last reply
      0
      • malorossM Online
        malorossM Online
        maloross
        wrote on last edited by
        #3

        Ich nutze auch Metro Tiles, aber da ist keine Umrandung. Vielleicht mal einen anderen Hintergrund für wahr/falsch versuchen.

        Auch Frauen können sich für Technik begeistern! ;)

        Equipment:
        diverse HM-, HMIP-, Aeotec- Tradfri- Sonos- und Fibaro-Geräte, Master-/Slavesystem auf 2 Raspi4, NAS

        1 Reply Last reply
        0
        • T Offline
          T Offline
          tempestas
          wrote on last edited by
          #4

          im Chrome auch nicht? Im FF sind die bei mir auch 0 da.

          EDIT: Korrektur: sie sind immer da. im FF aber kaum zu sehen, da muss ich zoomen. Ab Zoomfaktor 110% sind sie auch im FF sichtbar, vorher nicht.

          Ich glaube, ich habs gerade gefunden:

          im Inspektor habe ich das hier gefunden

            metro-bootstrap.css:4767
          
          .metro .tile {
              position: relative;
              overflow: hidden;
              display: block;
              float: left;
              margin: 0 10px 10px 0;
              padding: 0;
              background-color: #eeeeee;
              box-shadow: inset 0px 0px 1px #FFFFCC;
          
          

          Bei box-shadow bin ich skeptisch geworden, denn ich habe in VIS keine Shadows gesetzt. Selbst wenn ich welche setze, haben die nichts mit diesem hier genannten Box-Shadow zu tun.

          Wenn ich den 1px rausnehme, verschwinden die dünnen Rahmen.

          Hier nochmal ein Beispiel, welchen Rand ich meine

          Die dicken Ränder links habe ich gezielt gesetzt.

          Beispiel Chrome
          2395_chrome.png

          habe es jetzt so entfernt via CSS Anweisung:

          /* metro tiles dünnen Rand entfernen */
          
          .metro .tile {
              box-shadow: inset 0px 0px 0px  !important;
          }
          

          <size="85">ioBroker | 21 Adapter | Ubuntu Server | intel NUC | Homematic CCU2 | Hue | Osram Lightify| Sonos | 2x Instar Cam | Samsung Tab A 2016 im Holzrahmen| 3x Echo dot | 1x Echo | Neato Botvac D5</size>

          1 Reply Last reply
          1

          Hello! It looks like you're interested in this conversation, but you don't have an account yet.

          Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

          With your input, this post could be even better 💗

          Register Login
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          Support us

          ioBroker
          Community Adapters
          Donate

          345

          Online

          32.7k

          Users

          82.6k

          Topics

          1.3m

          Posts
          Community
          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
          ioBroker Community 2014-2025
          logo
          • Login

          • Don't have an account? Register

          • Login or register to search.
          • First post
            Last post
          0
          • Home
          • Recent
          • Tags
          • Unread 0
          • Categories
          • Unreplied
          • Popular
          • GitHub
          • Docu
          • Hilfe