<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic calcite-shell-panell css not working?? in Calcite Design System Questions</title>
    <link>https://community.esri.com/t5/calcite-design-system-questions/calcite-shell-panell-css-not-working/m-p/1522585#M696</link>
    <description>&lt;P&gt;Here is codepen that it was provided to me when I look for a solution of action bars on both sides, table at the bottom and float-content panels.&lt;/P&gt;&lt;P&gt;&lt;A href="https://codepen.io/lkoumis1/pen/eYweVLJ" target="_blank"&gt;https://codepen.io/lkoumis1/pen/eYweVLJ&lt;/A&gt;&lt;/P&gt;&lt;P&gt;I inserted an id for the bottom calcite shell panel and I used the css for&lt;/P&gt;&lt;LI-CODE lang="css"&gt; --calcite-shell-panel-max-height:700px&lt;/LI-CODE&gt;&lt;P&gt;and was able to increase the height of the table.&amp;nbsp;&lt;/P&gt;&lt;P&gt;However, the css which refer to the width do not work. Ideally, would like to keep the bottom table between the two action bars.&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="LefterisKoumis_0-1723757201207.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/112548i700D72C6CDEE1987/image-size/medium?v=v2&amp;amp;px=400" role="button" title="LefterisKoumis_0-1723757201207.png" alt="LefterisKoumis_0-1723757201207.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Thu, 15 Aug 2024 21:29:41 GMT</pubDate>
    <dc:creator>LefterisKoumis</dc:creator>
    <dc:date>2024-08-15T21:29:41Z</dc:date>
    <item>
      <title>calcite-shell-panell css not working??</title>
      <link>https://community.esri.com/t5/calcite-design-system-questions/calcite-shell-panell-css-not-working/m-p/1522585#M696</link>
      <description>&lt;P&gt;Here is codepen that it was provided to me when I look for a solution of action bars on both sides, table at the bottom and float-content panels.&lt;/P&gt;&lt;P&gt;&lt;A href="https://codepen.io/lkoumis1/pen/eYweVLJ" target="_blank"&gt;https://codepen.io/lkoumis1/pen/eYweVLJ&lt;/A&gt;&lt;/P&gt;&lt;P&gt;I inserted an id for the bottom calcite shell panel and I used the css for&lt;/P&gt;&lt;LI-CODE lang="css"&gt; --calcite-shell-panel-max-height:700px&lt;/LI-CODE&gt;&lt;P&gt;and was able to increase the height of the table.&amp;nbsp;&lt;/P&gt;&lt;P&gt;However, the css which refer to the width do not work. Ideally, would like to keep the bottom table between the two action bars.&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="LefterisKoumis_0-1723757201207.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/112548i700D72C6CDEE1987/image-size/medium?v=v2&amp;amp;px=400" role="button" title="LefterisKoumis_0-1723757201207.png" alt="LefterisKoumis_0-1723757201207.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Thu, 15 Aug 2024 21:29:41 GMT</pubDate>
      <guid>https://community.esri.com/t5/calcite-design-system-questions/calcite-shell-panell-css-not-working/m-p/1522585#M696</guid>
      <dc:creator>LefterisKoumis</dc:creator>
      <dc:date>2024-08-15T21:29:41Z</dc:date>
    </item>
    <item>
      <title>Re: calcite-shell-panell css not working??</title>
      <link>https://community.esri.com/t5/calcite-design-system-questions/calcite-shell-panell-css-not-working/m-p/1522649#M697</link>
      <description>&lt;P&gt;Update. I was able to resolve the issue using plain css and not the calcite styles.&lt;/P&gt;</description>
      <pubDate>Thu, 15 Aug 2024 23:17:11 GMT</pubDate>
      <guid>https://community.esri.com/t5/calcite-design-system-questions/calcite-shell-panell-css-not-working/m-p/1522649#M697</guid>
      <dc:creator>LefterisKoumis</dc:creator>
      <dc:date>2024-08-15T23:17:11Z</dc:date>
    </item>
  </channel>
</rss>

