thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Restyle debug log

Browse source 
Fixup for new layout and add a close button.

// FREEBIE
This commit is contained in:
lilia 2015-10-20 14:24:11 -07:00
parent 861bc416e6
commit b65adc14dc
3 changed files with 37 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
background.html
View file

@ -280,6 +280,7 @@
<button class='close'>&times;</button> <button class='close'>&times;</button>
</script> </script>
<script type='text/x-tmpl-mustache' id='debug-log'> <script type='text/x-tmpl-mustache' id='debug-log'>
<a class='x close'>&times;</a>
<h1> Submit Debug Log </h1> <h1> Submit Debug Log </h1>
<form> <form>
<textarea rows="5"></textarea> <textarea rows="5"></textarea>

22
stylesheets/_global.scss
View file

@ -417,14 +417,32 @@ $avatar-size: 44px;
.debug-log { .debug-log {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: calc(100% - 1 * #{$header-height}); height: 100%;
top: $header-height; top: 0;
left: 0; left: 0;
padding: 1em; padding: 1em;
background: $grey_l; background: $grey_l;
z-index: 1; z-index: 1;
overflow-y: auto; overflow-y: auto;
a.x {
display: inline-block;
float: right;
cursor: pointer;
font-family: sans-serif;
color: white;
border-radius: 50%;
width: 20px;
height: 20px;
padding: 0px;
background: #666;
color: #fff;
text-align: center;
font-size: 19px;
}
textarea { textarea {
width: 100%; width: 100%;
resize: vertical; resize: vertical;

18
stylesheets/manifest.css
View file

@ -362,13 +362,27 @@ img.emoji {
.debug-log { .debug-log {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: calc(100% - 1 * 36px); height: 100%;
top: 36px; top: 0;
left: 0; left: 0;
padding: 1em; padding: 1em;
background: #f3f3f3; background: #f3f3f3;
z-index: 1; z-index: 1;
overflow-y: auto; } overflow-y: auto; }
.debug-log a.x {
display: inline-block;
float: right;
cursor: pointer;
font-family: sans-serif;
color: white;
border-radius: 50%;
width: 20px;
height: 20px;
padding: 0px;
background: #666;
color: #fff;
text-align: center;
font-size: 19px; }
.debug-log textarea { .debug-log textarea {
width: 100%; width: 100%;
resize: vertical; } resize: vertical; }