study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-06-08 14:34:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

样式调整

Browse Source
This commit is contained in:
fofolee 2020-06-28 17:45:22 +08:00
parent 2bb6e97379
commit 3252ad3909
1 changed files with 93 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
src/assets/style/options.css
View File

@ -39,6 +39,11 @@ body {
zoom: 0.7;
}
#options .switch-btn:hover {
filter: drop-shadow(0 0 5px black);
transition: 0.2s;
}
#options .checked-switch {
position: absolute;
top: 0;
@ -148,7 +153,7 @@ body {
#options table {
border-collapse: collapse;
table-layout:absolute;
table-layout: fixed;
width: 100%;
}
@ -170,6 +175,10 @@ body {
width: 28%;
}
#options table td:first-child+td+td+td {
width: 10%;
}
#options table td .topchild {
margin: 0 0 5px 5px;
overflow: hidden;
@ -182,12 +191,9 @@ body {
height: 70px;
}
#options table tr:nth-child(even) {
background-color: #fff !important;
}
#options table tr:nth-child(odd) {
background-color: #f8f8f8 !important;
background: #fff;
filter: contrast(0.9);
}
#options .keyword {
@ -342,7 +348,8 @@ body {
}
#options span.Btn img:hover {
filter: drop-shadow(0 0 5px black)
filter: drop-shadow(0 0 5px black);
transition: 0.2s;
}
#options span.editBtn {
@ -380,10 +387,11 @@ body {
#options #featureList {
position: absolute;
left: 85px;
left: 80px;
right: 0;
top: 0;
bottom: 30px;
padding-left: 5px;
overflow-y: auto;
}
@ -436,7 +444,7 @@ body {
}
#options #customize input#scptarg {
width: 160px;
width: 150px;
float: right;
background: white;
outline: none;
@ -484,6 +492,22 @@ input::-webkit-input-placeholder {
height: auto;
}
#options #customize .CodeMirror-coderunner {
top: 33px;
bottom: 0;
left: 0;
right: 0;
}
#options #customize .CodeMirror-fullscreen {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
}
#options #customize .CodeMirror-scroll {
box-sizing: unset;
}
@ -608,8 +632,15 @@ li.CodeMirror-hint {
/*---------------animate.css---------------*/
@keyframes fadeInDown {
0% { opacity: 0; transform: translate3d(0, -100%, 0) }
to { opacity: 1; transform: translateZ(0) }
0% {
opacity: 0;
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
.fadeInDownWindow {
@ -617,8 +648,14 @@ li.CodeMirror-hint {
}
@keyframes fadeOutUp {
0% { opacity: 1 }
to { opacity: 0; transform: translate3d(0, -100%, 0) }
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0)
}
}
.fadeOutUpWindow {
@ -626,8 +663,15 @@ li.CodeMirror-hint {
}
@keyframes fadeInUp {
from { opacity: 0; transform: translate3d(0, 100%, 0); }
to { opacity: 1; transform: translate3d(0, 0, 0); }
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInUpWindow {
@ -635,13 +679,20 @@ li.CodeMirror-hint {
}
@keyframes fadeOutDown {
from { opacity: 1; }
to { opacity: 0; transform: translate3d(0, 100%, 0); }
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDownWindow {
animation: fadeOutDown 0.3s;
}
/*---------------animate.css---------------*/
/*---------------select2---------------*/