achmizs/AlwaysKillSticky
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added info header to popup

Browse Source
This commit is contained in:
Said Achmiz 2019-01-31 14:08:27 -05:00
parent 92302cdedd
commit bab0e6e846
2 changed files with 24 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
popup.css
View File

@ -12,6 +12,8 @@ html {
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
display: flex;
flex-flow: column;
} }
/***********/ /***********/
@ -100,6 +102,7 @@ button.main-button.whitelist.active::after {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
flex: 1 1 auto;
} }
/*==================*/ /*==================*/
@ -111,7 +114,7 @@ button.options-button {
padding: 10px; padding: 10px;
color: #777; color: #777;
width: 100%; width: 100%;
height: 3rem; flex: 1 1 auto;
font-family: Font Awesome, Inconsolata, sans-serif; font-family: Font Awesome, Inconsolata, sans-serif;
} }
button.options-button:hover { button.options-button:hover {
@ -177,21 +180,21 @@ button.options-button::after {
button.reload-button { button.reload-button {
background-color: #ffd; background-color: #ffd;
margin: 4px;
border-radius: 6px; border-radius: 6px;
color: #777; color: #777;
max-height: 0; max-height: 0;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
width: calc(100% - 8px); width: calc(100% - 10px);
top: -4rem; top: -4rem;
left: 5px;
} }
button.reload-button.active { button.reload-button.active {
max-height: 1000px; max-height: 1000px;
padding: 8px; padding: 8px;
border: 1px solid #ddd; border: 1px solid #ddd;
top: 1px; top: 5px;
} }
button.reload-button:hover { button.reload-button:hover {
color: #000; color: #000;
@ -202,3 +205,17 @@ button.reload-button::before {
font-size: 2rem; font-size: 2rem;
font-weight: 900; font-weight: 900;
} }
/***************/
/* INFO HEADER */
/***************/
.info-header {
text-align: center;
font-family: Inconsolata, sans-serif;
font-size: 0.75rem;
padding: 2px;
background-color: #444;
color: #ccc;
cursor: default;
}

3
popup.html
View File

@ -5,6 +5,9 @@
<link rel='stylesheet' type='text/css' href='fonts.css' /> <link rel='stylesheet' type='text/css' href='fonts.css' />
</head> </head>
<body> <body>
<div class='info-header'>
AlwaysKillSticky <span class='version'>0.6</span>
</div>
<div class='main-button-container'> <div class='main-button-container'>
<button type='button' class='main-button'></button> <button type='button' class='main-button'></button>
</div> </div>