jean/metamorpov
jean
/
metamorpov
1
0
Fork 0
Code Issues 5 Pull Requests Releases 2 Wiki Activity

Adding padding and overflow catch to domain in pop-up

This commit is contained in:
Jean Viscogliosi-Pate 2025-01-24 16:56:46 -08:00
parent fd1be7ceb8
commit 67c9a25747
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/popup.css
View File

@ -210,6 +210,8 @@ html {
h1 {
font-size: var(--large-text);
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
}
ul {
@ -322,6 +324,10 @@ button:not(.delete):active > svg {
margin-top: var(--small-text);
}
#site-details {
min-width: 0;
}
#state {
color: var(--color-l-red-20);
transition: .3s;
@ -336,6 +342,7 @@ button:not(.delete):active > svg {
border-radius: 3em;
padding: 12px;
align-self: center;
margin-left: 15px;
margin-right: 5px;
background-color: var(--color-l-red-20);
color: var(--color-l-gray-10);

2
src/popup.html
View File

@ -9,7 +9,7 @@
<body>
<main>
<div id="site-enabled">
<div>
<div id="site-details">
<h1 id="domain">example.com</h1>
<p>MetamorPOV replacements are <b id="state">disabled</b> for this website</p>
</div>