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

2
src/popup.html
View File

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