Display header in toolbar popup
This commit is contained in:
parent
d4bd73b3fa
commit
f9808ace7d
BIN
simple-translate/icons/setting.png
Normal file
BIN
simple-translate/icons/setting.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 4.2 KiB |
|
@ -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 {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue