<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[MaterialDesign - List -&gt; Zeilenhöhe beeinflussen]]></title><description><![CDATA[<p dir="auto">Hi,<br />
kann man die Höhe eines List-Eintrages, bzw. den Zeilen-Abstand beeinflussen?</p>
<p dir="auto"><img src="/assets/uploads/files/1672921175067-570a687e-0355-400c-b12a-1ad6655105da-grafik.png" alt="570a687e-0355-400c-b12a-1ad6655105da-grafik.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">Für mich könnte es enger sein.</p>
]]></description><link>https://forum.iobroker.net/topic/61733/materialdesign-list-zeilenhöhe-beeinflussen</link><generator>RSS for Node</generator><lastBuildDate>Fri, 03 Apr 2026 18:45:07 GMT</lastBuildDate><atom:link href="https://forum.iobroker.net/topic/61733.rss" rel="self" type="application/rss+xml"/><pubDate>Thu, 05 Jan 2023 12:28:06 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to MaterialDesign - List -&gt; Zeilenhöhe beeinflussen on Fri, 06 Jan 2023 08:05:23 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/codierknecht" aria-label="Profile: codierknecht">@<bdi>codierknecht</bdi></a> said in <a href="/post/923005">MaterialDesign - List -&gt; Zeilenhöhe beeinflussen</a>:</p>
<blockquote>
<p dir="auto">Ich denke, Du solltest mal in dieser Richtung probieren:</p>
</blockquote>
<p dir="auto">Es war im mdc-list-item, dort war für min-height 40px eingetragen.<br />
Mit</p>
<pre><code>.materialdesign-widget .mdc-list-item {
    min-height: 30px !important;
}
</code></pre>
<p dir="auto">schaut es schon besser aus.<br />
Danke.</p>
]]></description><link>https://forum.iobroker.net/post/923026</link><guid isPermaLink="true">https://forum.iobroker.net/post/923026</guid><dc:creator><![CDATA[diwoma]]></dc:creator><pubDate>Fri, 06 Jan 2023 08:05:23 GMT</pubDate></item><item><title><![CDATA[Reply to MaterialDesign - List -&gt; Zeilenhöhe beeinflussen on Fri, 06 Jan 2023 07:38:47 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/codierknecht" aria-label="Profile: codierknecht">@<bdi>codierknecht</bdi></a> said in <a href="/post/923005">MaterialDesign - List -&gt; Zeilenhöhe beeinflussen</a>:<br />
Hi</p>
<blockquote>
<p dir="auto">Mit der rechten Maustaste auf dem Element kannst Du den HTML-Quellcode kopieren um den hier (in Code-Tags!) einfügen zu können. Macht es allen anderen einfacher, damit zu arbeiten.</p>
</blockquote>
<p dir="auto">Danke für den Tip. Ich wollte immer mit selektieren mehrer Zeilen kopieren. Mit "Select und Kontextmenü" war mit unbekannt. Natürlich ist es einfacher, wenn man den Text im CodeTags sieht.</p>
<p dir="auto">Ich bin dabei, mit dem CSS herumzuspielen.<br />
Mal sehen, ob ich was finde.</p>
<p dir="auto">Danke für die Hilfe.</p>
]]></description><link>https://forum.iobroker.net/post/923022</link><guid isPermaLink="true">https://forum.iobroker.net/post/923022</guid><dc:creator><![CDATA[diwoma]]></dc:creator><pubDate>Fri, 06 Jan 2023 07:38:47 GMT</pubDate></item><item><title><![CDATA[Reply to MaterialDesign - List -&gt; Zeilenhöhe beeinflussen on Fri, 06 Jan 2023 06:57:19 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/diwoma" aria-label="Profile: diwoma">@<bdi>diwoma</bdi></a><br />
Ich habe diese Widgets nicht installiert, daher kann ich da nix probieren.</p>
<p dir="auto">Wenn Du mit "Untersuchen" an die Elemente kommst, kannst Du (zuminderst mit Chrome und ich glaube auch im FF) ein bisschen mit dem CSS "rumspielen".<br />
<img src="/assets/uploads/files/1672987764969-898b4591-fe3d-46cc-9f4d-38d3b3be400e-image.png" alt="898b4591-fe3d-46cc-9f4d-38d3b3be400e-image.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">Mit der rechten Maustaste auf dem Element kannst Du den HTML-Quellcode kopieren um den hier (in Code-Tags!) einfügen zu können. Macht es allen anderen einfacher, damit zu arbeiten.<br />
<img src="/assets/uploads/files/1672988000331-15f4ed61-af84-4388-b2c1-9151a4245975-image.png" alt="15f4ed61-af84-4388-b2c1-9151a4245975-image.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">Ich denke, Du solltest mal in dieser Richtung probieren:</p>
<pre><code>ul.materialdesign-list-container div.mdc-list-item {
  height: 16px;
  max-height: 16px;
}
</code></pre>
<p dir="auto">Wie gesagt: Ich habe die nicht installiert - ist also nur ein Schuss aus der Hüfte.<br />
Kann auch sein, dass für das <code>&lt;ul&gt;</code> Element eine <code>line-height</code> definiert werden muss. Da muss man (zumindest ich) immer ein bisschen rumprobieren.</p>
]]></description><link>https://forum.iobroker.net/post/923005</link><guid isPermaLink="true">https://forum.iobroker.net/post/923005</guid><dc:creator><![CDATA[Codierknecht]]></dc:creator><pubDate>Fri, 06 Jan 2023 06:57:19 GMT</pubDate></item><item><title><![CDATA[Reply to MaterialDesign - List -&gt; Zeilenhöhe beeinflussen on Thu, 05 Jan 2023 21:15:25 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/codierknecht" aria-label="Profile: codierknecht">@<bdi>codierknecht</bdi></a> said in <a href="/post/922921">MaterialDesign - List -&gt; Zeilenhöhe beeinflussen</a>:</p>
<blockquote>
<p dir="auto">Ich weiß noch nicht genau, welches Widget Du hier verwendest.</p>
</blockquote>
<p dir="auto">Es ist das folgende Widget:<br />
<img src="/assets/uploads/files/1672952578135-5cf5e078-6117-4c6d-9258-8de70ffe6cbb-grafik.png" alt="5cf5e078-6117-4c6d-9258-8de70ffe6cbb-grafik.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">Leider finde ich es nicht im HTML-Code, ich kann es nur als Picture einfügen:<br />
<img src="/assets/uploads/files/1672953016994-ef9d7bac-5014-45c1-ae0c-ffc9f2959c27-grafik.png" alt="ef9d7bac-5014-45c1-ae0c-ffc9f2959c27-grafik.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">Ich denke, es ist in diesem flex-box-Model definiert, aber mit diesem Konzept bin ich nicht vertraut und ich weiss nicht, wie und wo das definiert ist.</p>
]]></description><link>https://forum.iobroker.net/post/922938</link><guid isPermaLink="true">https://forum.iobroker.net/post/922938</guid><dc:creator><![CDATA[diwoma]]></dc:creator><pubDate>Thu, 05 Jan 2023 21:15:25 GMT</pubDate></item><item><title><![CDATA[Reply to MaterialDesign - List -&gt; Zeilenhöhe beeinflussen on Thu, 05 Jan 2023 20:34:00 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/diwoma" aria-label="Profile: diwoma">@<bdi>diwoma</bdi></a><br />
Poste doch hier mal den entsprechenden Bereich aus dem HTML (in Code-Tags).<br />
Ich weiß noch nicht genau, welches Widget Du hier verwendest.</p>
]]></description><link>https://forum.iobroker.net/post/922921</link><guid isPermaLink="true">https://forum.iobroker.net/post/922921</guid><dc:creator><![CDATA[Codierknecht]]></dc:creator><pubDate>Thu, 05 Jan 2023 20:34:00 GMT</pubDate></item><item><title><![CDATA[Reply to MaterialDesign - List -&gt; Zeilenhöhe beeinflussen on Thu, 05 Jan 2023 14:33:30 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/codierknecht" aria-label="Profile: codierknecht">@<bdi>codierknecht</bdi></a></p>
<blockquote>
<p dir="auto">Du müsstest halt im Browser ermitteln, mit welchen Selektoren die Elemente angesprochen werden können.<br />
z.B. Chrome: Rechtsklick auf dem Element =&gt; Untersuchen</p>
</blockquote>
<p dir="auto">Das habe ich auch gemacht, bin aber auf keinen "grünen Zweig" gestoßen.<br />
Mann sollte meinen, dass die 'div'-Höhe irgendwo abgeleitet wäre, aber ich habe nichts gefunden, das ich beiflussen hätte können.<br />
Erst dann habe ich gefragt.</p>
]]></description><link>https://forum.iobroker.net/post/922702</link><guid isPermaLink="true">https://forum.iobroker.net/post/922702</guid><dc:creator><![CDATA[diwoma]]></dc:creator><pubDate>Thu, 05 Jan 2023 14:33:30 GMT</pubDate></item><item><title><![CDATA[Reply to MaterialDesign - List -&gt; Zeilenhöhe beeinflussen on Thu, 05 Jan 2023 13:37:39 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/diwoma" aria-label="Profile: diwoma">@<bdi>diwoma</bdi></a><br />
Mit CSS kann man so ziemlich alles beeinflussen.<br />
Du müsstest halt im Browser ermitteln, mit welchen Selektoren die Elemente angesprochen werden können.<br />
z.B. Chrome: Rechtsklick auf dem Element =&gt; Untersuchen</p>
]]></description><link>https://forum.iobroker.net/post/922659</link><guid isPermaLink="true">https://forum.iobroker.net/post/922659</guid><dc:creator><![CDATA[Codierknecht]]></dc:creator><pubDate>Thu, 05 Jan 2023 13:37:39 GMT</pubDate></item></channel></rss>