Hi all,
I am trying to add css rules for mobile view of on screen widgets in Jewelry Box theme of WAB 2.7.
I added these css rules in G:\WebAppBuilderForArcGIS\server\apps\24\jimu.js\css\jimu-theme.css.
They are not working here!
<SPAN class="selector token">These rules are define in Launchpad theme from jimu-theme.css
.is-mobile .jimu-widget-placeholder</SPAN> <SPAN class="punctuation token">{</SPAN>
<SPAN class="property token">width</SPAN><SPAN class="punctuation token">:</SPAN> 30px <SPAN class="important token">!important</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="property token">height</SPAN><SPAN class="punctuation token">:</SPAN> 30px <SPAN class="important token">!important</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>
<SPAN class="selector token">.is-mobile .jimu-widget-placeholder .inner</SPAN> <SPAN class="punctuation token">{</SPAN>
<SPAN class="property token">width</SPAN><SPAN class="punctuation token">:</SPAN> 16px<SPAN class="punctuation token">;</SPAN>
<SPAN class="property token">height</SPAN><SPAN class="punctuation token">:</SPAN> 16px<SPAN class="punctuation token">;</SPAN>
<SPAN class="property token">margin</SPAN><SPAN class="punctuation token">:</SPAN> 6px<SPAN class="punctuation token">;</SPAN>
<SPAN class="property token">line-height</SPAN><SPAN class="punctuation token">:</SPAN> 16px<SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>
<SPAN class="selector token">.is-mobile .jimu-widget-onscreen-icon</SPAN> <SPAN class="punctuation token">{</SPAN>
<SPAN class="property token">width</SPAN><SPAN class="punctuation token">:</SPAN> 30px <SPAN class="important token">!important</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="property token">height</SPAN><SPAN
