Erstellen des PIN -Tastens im Popup der Chromausbesserung, damit es nicht automatisch geschlossen wird [Duplikat] ⇐ HTML

[Anonymous]

Ich arbeite an einer benutzerdefinierten Chrome -Erweiterung und brauche Hilfe bei der Implementierung einer "PIN" -Taste im Popup -Header der Erweiterung. Die Idee ist, dass beim Klicken auf die PIN -Schaltfläche das Popup -Fenster geöffnet bleibt, auch wenn der Benutzer außerhalb davon klickt. Ich möchte dieses Standardverhalten mithilfe der Pin -Taste überschreiben oder verhindern, ähnlich wie Potpopups offen bleiben. src = "https://i.sstatic.net/gtosriqe.png"/>

Code: Select all

Extension Popup

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
width: 800px;
height: 600px;
box-sizing: border-box;
overflow: hidden;
}

.header {
background-color: #d4aa29;
color: white;
padding: 16px;
position: relative;
font-size: 28px;
font-weight: bold;
}

.pin-icon {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px;
}

.content {
padding: 30px;
}

.instruction {
font-size: 20px;
font-weight: bold;
margin-bottom: 30px;
max-width: 600px;
line-height: 1.5;
}

.popup-box {
border: 2px solid blue;
padding: 40px;
text-align: center;
font-weight: bold;
font-size: 20px;
width: fit-content;
}

.arrow {
position: absolute;
top: 70px;
right: 90px;
width: 250px;
height: 0;
border-top: 4px solid blue;
transform: rotate(-30deg);
transform-origin: right;
}

.arrow::after {
content: "";
position: absolute;
right: -5px;
top: -7px;
width: 0;
height: 0;
border-left: 10px solid blue;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}




Extention Header
[img]https://img.icons8.com/ios-filled/50/000000/pin.png[/img]


I have to apply this extension pin here

which when clicked it would prevent

the extension's popup window from closing.

Content of the popup goes here