narayana/simple-translate
3
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Display header in toolbar popup

Browse source
This commit is contained in:
sienori 2017-12-25 02:20:21 +09:00
parent d4bd73b3fa
commit f9808ace7d
3 changed files with 42 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
simple-translate/icons/setting.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.2 KiB

41
simple-translate/popup/popup.css
View file

@ -11,25 +11,55 @@ body {
font-family: 'Segoe UI', 'San Francisco', 'Ubuntu', 'Fira Sans', 'Roboto', 'Arial', 'Helvetica', sans-serif; font-family: 'Segoe UI', 'San Francisco', 'Ubuntu', 'Fira Sans', 'Roboto', 'Arial', 'Helvetica', sans-serif;
text-align: left; text-align: left;
font-size: 13px; font-size: 13px;
width: 350px; width: 348px;
overflow: hidden; overflow: hidden;
background-color: var(--main-bg); background-color: var(--main-bg);
padding: 20px; padding: 0px;
margin: 0px; margin: 0px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
#main {} #header {
padding: 10px;
background-color: var(--line);
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
-moz-user-select: none;
}
#title {
font-size: 17px;
font-weight: 400;
color: #666;
cursor: default;
}
#setting {
height: 20px;
width: 20px;
background-image: url("/icons/setting.png");
background-size: 20px;
background-repeat: no-repeat;
cursor: pointer;
}
#main {
padding: 10px;
}
textarea { textarea {
font: inherit; font: inherit;
resize: none; resize: none;
overflow: auto; overflow: auto;
max-height: 235px; max-height: 215px;
height: 37px; height: 37px;
/* 100% - padding*2 - border*2 */ /* 100% - padding*2 - border*2 */
@ -54,7 +84,7 @@ hr {
} }
#target { #target {
max-height: 235px; max-height: 215px;
min-height: 20px; min-height: 20px;
overflow-y: auto; overflow-y: auto;
word-wrap: break-word; word-wrap: break-word;
@ -66,6 +96,7 @@ hr {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 0px 10px 10px;
} }
#link { #link {

6
simple-translate/popup/popup.html
View file

@ -8,6 +8,12 @@
</head> </head>
<body> <body>
<div id=header>
<div id=title>Simple Translate</div>
<a href="../options/options.html" target="_blank">
<div id=setting></div>
</a>
</div>
<div id=main> <div id=main>
<textarea id=textarea spellcheck=false contenteditable=true></textarea> <textarea id=textarea spellcheck=false contenteditable=true></textarea>