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 {
margin: 0;
padding: 0;
display: flex;
flex-flow: column;
}
/***********/
@ -100,6 +102,7 @@ button.main-button.whitelist.active::after {
display: flex;
flex-flow: column;
border-top: 1px solid #ddd;
flex: 1 1 auto;
}
/*==================*/
@ -111,7 +114,7 @@ button.options-button {
padding: 10px;
color: #777;
width: 100%;
height: 3rem;
flex: 1 1 auto;
font-family: Font Awesome, Inconsolata, sans-serif;
}
button.options-button:hover {
@ -177,21 +180,21 @@ button.options-button::after {
button.reload-button {
background-color: #ffd;
margin: 4px;
border-radius: 6px;
color: #777;
max-height: 0;
padding: 0;
overflow: hidden;
position: absolute;
width: calc(100% - 8px);
width: calc(100% - 10px);
top: -4rem;
left: 5px;
}
button.reload-button.active {
max-height: 1000px;
padding: 8px;
border: 1px solid #ddd;
top: 1px;
top: 5px;
}
button.reload-button:hover {
color: #000;
@ -202,3 +205,17 @@ button.reload-button::before {
font-size: 2rem;
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' />
</head>
<body>
<div class='info-header'>
AlwaysKillSticky <span class='version'>0.6</span>
</div>
<div class='main-button-container'>
<button type='button' class='main-button'></button>
</div>