rustdesk/src/ui/file_transfer.css
2021-10-17 21:27:10 +08:00

266 lines
4.0 KiB
CSS

div#file-transfer-wrapper {
size:*;
display: none;
}
div#file-transfer {
size: *;
margin: 0;
flow: horizontal;
background: color(gray-bg);
padding: 0.5em;
}
table
{
font: system;
border: 1px solid color(border);
flow: table-fixed;
prototype: Grid;
size: *;
padding:0;
border-spacing: 0;
overflow-x: auto;
overflow-y: hidden;
}
table > thead {
behavior: column-resizer;
border-bottom: color(border) solid 1px;
}
table > tbody {
behavior: select-multiple;
overflow-y: scroll-indicator;
size: *;
background: white;
}
table th {
background-color: color(gray-bg);
}
table th
{
padding: 4px;
foreground-repeat: no-repeat;
foreground-position: 50% 3px auto auto;
border-left: color(border) solid 1px;
}
table th.sortable[sort=asc]
{
foreground-image: url(stock:arrow-down);
}
table th.sortable[sort=desc]
{
foreground-image: url(stock:arrow-up);
}
table th:nth-child(1) {
width: 32px;
}
table th:nth-child(2) {
width: *;
}
table th:nth-child(3) {
width: *;
}
table th:nth-child(4) {
width: 45px;
}
table.has_current thead th:current {
font-weight: bold;
}
table tr:nth-child(odd) { background-color: white; } /* each odd row */
table tr:nth-child(even) { background-color: #F4F5F6; } /* each even row */
table.has_current tr:current /* current row */
{
background-color: color(accent);
}
table.has_current tbody tr:checked
{
background-color: color(accent);
}
table.has_current tbody tr:checked td {
color: highlighttext;
}
table td
{
padding: 4px;
text-align: left;
font-size: 1em;
height: 1.4em;
@ELLIPSIS;
}
table.folder-view td:nth-child(1) {
behavior:shell-icon;
}
table td:nth-child(3), table td:nth-child(4) {
color: color(lighter-text);
font-size: 0.9em;
}
table.has_current tr:current td {
color: white;
}
table td:nth-child(4) {
text-align: right;
}
section {
size: *;
margin: 1em;
border-spacing: 0.5em;
}
table td:nth-child(1) {
foreground-repeat: no-repeat;
foreground-position: 50% 50%
}
div.toolbar {
flow: horizontal;
}
div.toolbar svg {
size: 16px;
}
div.toolbar .spacer {
width: *;
}
div.toolbar > div.button {
padding: 4px 8px;
opacity: 0.66;
}
div.toolbar > div.button:active {
opacity: 1;
background-color: #ddd;
}
div.toolbar > div.button:hover {
opacity: 1;
}
div.toolbar > div.send {
flow: horizontal;
border-spacing: 0.5em;
}
div.remote > div.send svg {
transform: scale(-1, 1);
}
div.navbar {
border: color(border) solid 1px;
padding: 4px 0;
}
select.select-dir {
width: *;
padding: 0 4px;
}
div.title {
flow: horizontal;
border-spacing: 1em;
position: relative;
}
div.title svg.computer {
size: 48px;
}
div.title div {
margin: * 0;
color: color(light-text);
}
div.title div.platform {
position: absolute;
left: 12px;
top: 7px;
}
div.title div.platform svg {
size: 24px;
}
table.job-table tr td {
width: *;
padding: 0.5em 1em;
border-bottom: color(border) 1px solid;
flow: horizontal;
border-spacing: 1em;
height: 3em;
overflow-x: hidden;
}
table.job-table tr svg {
size: 16px;
}
table.job-table tr.is_remote svg {
transform: scale(-1, 1);
}
table.job-table tr td div.text {
width: *;
overflow-x: hidden;
}
table.job-table tr td div.path {
width: *;
color: color(light-text);
@ELLIPSIS;
}
table.job-table tr:current td div.path {
color: white;
}
table#port-forward thead tr th {
padding-left: 1em;
size: *;
}
table#port-forward tr td {
height: 3em;
text-align: left;
}
table#port-forward input[type=text], table#port-forward input[type=number] {
font-size: 1.2em;
}
table#port-forward td.right-arrow svg {
size: 1.2em;
transform: rotate(180deg);
}
table#port-forward td.remove svg {
size: 0.8em;
}
table#port-forward tr.value td {
padding-left: 1em;
font-size: 1.5em;
color: black;
}