How to configure Popup Actions buttons in 4.11

KellyChan

Popup actions in 4.11 seems broken. How to "make" them align? and to display action titles?

Attached image is from doc/samples page. It illustrates the problems quite well actually.

RobertScheitlin__GISP

Yes. action buttons in popups got pretty screwed up in 4.11. Fixing the alignment is pretty easy but getting labels in not possible without some serious direct dom manipulation and css overrides.

      <SPAN class="selector token">.esri-popup__inline-actions-container .esri-popup__action</SPAN> <SPAN class="punctuation token">{</SPAN>
        <SPAN class="property token">flex</SPAN><SPAN class="punctuation token">:</SPAN> 0 0 <SPAN class="important token">!important</SPAN><SPAN class="punctuation token">;</SPAN>
        <SPAN class="property token">flex-basis</SPAN><SPAN class="punctuation token">:</SPAN> 20px <SPAN class="important token">!important</SPAN><SPAN class="punctuation token">;</SPAN>
        <SPAN class="property token">margin-left</SPAN><SPAN class="punctuation token">:</SPAN> 0 <SPAN class="important token">!important</SPAN><SPAN class="punctuation token">;</SPAN>
        <SPAN class="property token">margin-right</SPAN><SPAN class="punctuation token">:</SPAN> 7px <SPAN class="important token">!important</SPAN><SPAN class="punctuation token">;</SPAN>
      <SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>