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