Remove black outline from active map in experience (inset-outline:focus)

330
1
Jump to solution
08-12-2022 07:29 AM
AndreasEugster
Occasional Contributor

Hi

If I deploy an Experience from ExB-Dev on our Webserver, the map widget has, if active/clicked, always these black outlines. Is there a way to remove them?

In WebAppBuilder Apps we could simply add these lines to the ..\themes\...\common.css:

.esri-view .esri-view-surface--inset-outline:focus::after {

  outline: none !important;

}

 

How so in the experience ?

 

outline_map.png

0 Kudos
1 Solution

Accepted Solutions
AndreasEugster
Occasional Contributor

Unzip the downloaded ExB-Dev App, browse to yourapp/cdn/.../jimu-theme/base/base.css and add these lines to the css.

.esri-view-surface--inset-outline:focus::after{outline: none !important;}

View solution in original post

0 Kudos
1 Reply
AndreasEugster
Occasional Contributor

Unzip the downloaded ExB-Dev App, browse to yourapp/cdn/.../jimu-theme/base/base.css and add these lines to the css.

.esri-view-surface--inset-outline:focus::after{outline: none !important;}

0 Kudos