This commit is contained in:
coderaiser 2023-12-12 15:59:55 +02:00
parent b22ad537e2
commit bbaad041be
13 changed files with 209 additions and 177 deletions

View file

@ -18,4 +18,3 @@
float: right;
width: 19%;
}

View file

@ -1,7 +1,7 @@
.config {
white-space: normal;
overflow: hidden;
width : 250px;
width: 250px;
}
.list li {
@ -23,10 +23,18 @@
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%);
-moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-webkit-transition:
border-color ease-in-out 0.15s,
box-shadow ease-in-out 0.15s;
-moz-transition:
border-color ease-in-out 0.15s,
box-shadow ease-in-out 0.15s;
-o-transition:
border-color ease-in-out 0.15s,
box-shadow ease-in-out 0.15s;
transition:
border-color ease-in-out 0.15s,
box-shadow ease-in-out 0.15s;
}
.config .form-control::-moz-placeholder {
@ -44,9 +52,15 @@
.config .form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%), 0 0 1px rgb(102 175 233 / 60%);
-moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%), 0 0 1px rgb(102 175 233 / 60%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%), 0 0 1px rgb(102 175 233 / 60%);
-webkit-box-shadow:
inset 0 1px 1px rgb(0 0 0 / 7.5%),
0 0 1px rgb(102 175 233 / 60%);
-moz-box-shadow:
inset 0 1px 1px rgb(0 0 0 / 7.5%),
0 0 1px rgb(102 175 233 / 60%);
box-shadow:
inset 0 1px 1px rgb(0 0 0 / 7.5%),
0 0 1px rgb(102 175 233 / 60%);
}
.config .form-control:focus:invalid:focus {
@ -57,8 +71,8 @@
}
.config .list {
padding : 0;
margin : 5%;
padding: 0;
margin: 5%;
}
.config .full-width {

View file

@ -1,12 +1,12 @@
.help {
margin : 25px;
white-space : normal;
margin: 25px;
white-space: normal;
}
.help li {
list-style-type : disc;
list-style-type: disc;
}
.help img {
max-width : 100%;
max-width: 100%;
}

View file

@ -1,140 +1,139 @@
.icon-help::before {
font-family : 'Fontello';
content : '\e801 ';
font-family: 'Fontello';
content: '\e801 ';
}
.icon-rename::before {
font-family : 'Fontello';
content : '\e802 ';
font-family: 'Fontello';
content: '\e802 ';
}
.icon-view::before {
font-family : 'Fontello';
content : '\e803 ';
font-family: 'Fontello';
content: '\e803 ';
}
.icon-edit::before {
font-family : 'Fontello';
content : '\e804 ';
font-family: 'Fontello';
content: '\e804 ';
}
.icon-copy::before {
font-family : 'Fontello';
content : '\e805 ';
font-family: 'Fontello';
content: '\e805 ';
}
.icon-move::before {
font-family : 'Fontello';
content : '\e806 ';
font-family: 'Fontello';
content: '\e806 ';
}
.icon-directory::before {
font-family : 'Fontello';
content : '\e807 ';
font-family: 'Fontello';
content: '\e807 ';
}
.icon-delete::before {
font-family : 'Fontello';
content : '\e808 ';
font-family: 'Fontello';
content: '\e808 ';
}
.icon-menu::before {
font-family : 'Fontello';
content : '\e809 ';
font-family: 'Fontello';
content: '\e809 ';
}
.icon-config::before {
font-family : 'Fontello';
content : '\e80a ';
font-family: 'Fontello';
content: '\e80a ';
}
.icon-console::before {
font-family : 'Fontello';
content : '\e80b ';
font-family: 'Fontello';
content: '\e80b ';
}
.icon-contact::before {
font-family : 'Fontello';
content : '\e80c ';
font-family: 'Fontello';
content: '\e80c ';
}
.icon-file::before, {
font-family : 'Fontello';
content : '\e80d ';
.icon-file::before {
font-family: 'Fontello';
content: '\e80d ';
}
.icon-upload-to-cloud::before {
font-family : 'Fontello';
content : '\e80e ';
font-family: 'Fontello';
content: '\e80e ';
}
.icon-upload-from-cloud::before {
font-family : 'Fontello';
content : '\e80f ';
font-family: 'Fontello';
content: '\e80f ';
}
.icon-download::before {
font-family : 'Fontello';
content : '\e810 ';
font-family: 'Fontello';
content: '\e810 ';
}
.icon-new::before {
font-family : 'Fontello';
content : '\e811 ';
font-family: 'Fontello';
content: '\e811 ';
}
.icon-unselect-all::before {
font-family : 'Fontello';
content : '\e812 ';
font-family: 'Fontello';
content: '\e812 ';
}
.icon-pack::before {
font-family : 'Fontello';
content : '\e813 ';
font-family: 'Fontello';
content: '\e813 ';
}
.icon-extract::before {
font-family : 'Fontello';
content : '\e814 ';
font-family: 'Fontello';
content: '\e814 ';
}
.icon-copy-to-clipboard::before {
font-family : 'Fontello';
content : '\e815 ';
font-family: 'Fontello';
content: '\e815 ';
}
.icon-refresh::before {
font-family : 'Fontello';
content : '\e816 ';
font-family: 'Fontello';
content: '\e816 ';
}
.icon-cut::before {
font-family : 'Fontello';
content : '\e817 ';
font-family: 'Fontello';
content: '\e817 ';
}
.icon-paste::before {
font-family : 'Fontello';
content : '\e818 ';
font-family: 'Fontello';
content: '\e818 ';
}
.icon-upload::before {
font-family : 'Fontello';
content : '\e819 ';
font-family: 'Fontello';
content: '\e819 ';
}
.icon-log-out::before {
font-family : 'Fontello';
content : '\e81a ';
font-family: 'Fontello';
content: '\e81a ';
}
.icon-terminal::before {
font-family : 'Fontello';
content : '\e81b ';
font-family: 'Fontello';
content: '\e81b ';
}
.icon-user-menu::before {
font-family : 'Fontello';
content : '\e81c ';
font-family: 'Fontello';
content: '\e81c ';
}

View file

@ -5,4 +5,3 @@
@import url(./help.css);
@import url(./query.css);
@import url(./supports.css);

View file

@ -1,4 +1,5 @@
.path-icon, .keyspanel {
.path-icon,
.keyspanel {
display: none;
}

View file

@ -2,19 +2,19 @@
.name {
width: 40%;
}
.size {
width: 10%;
}
.date {
width: 15%;
}
.owner {
width: 12%;
}
.mode {
width: 15%;
}
@ -24,7 +24,7 @@
.fm {
height: 85%;
}
.files {
height: 90%;
}
@ -34,7 +34,7 @@
.fm {
height: 80%;
}
.files {
height: 90%;
}
@ -80,7 +80,7 @@
.fm {
height: 85%;
}
.files {
height: 90%;
}
@ -96,29 +96,31 @@
.fm {
height: 75%;
}
.files {
height: 90%;
}
}
/* stylelint-disable */
/* iphone 6 landscape */
@media only screen and (device-width >= 375px) and (device-width <= 667px) and (orientation: landscape),
@media only screen and (max-height: 360px) and (max-width: 640px) {
.fm {
height: 55%;
}
.files {
height: 60%;
}
}
/* stylelint-enable*/
@media only screen and (width <= 600px) {
.panel {
font-size: 26px;
}
/* текущий файл под курсором */
.current-file {
background-color: var(--color-transparent);
@ -128,55 +130,64 @@
.current-file a {
color: white;
}
.file::before, .file-link::before {
.file::before,
.file-link::before {
color: rgb(26 224 124 / 56%);
content: '\e80d';
}
.current-file .file::before, .file-link::before {
.current-file .file::before,
.file-link::before {
color: white;
}
/* меняем иконки на шрифтовые */
.mini-icon {
color : rgb(246 224 124 / 56%);
font : 16px 'Fontello';
color: rgb(246 224 124 / 56%);
font: 16px 'Fontello';
background-image: none;
padding : 1%;
padding: 1%;
}
.size, .date, .owner, .mode {
.size,
.date,
.owner,
.mode {
display: none;
}
.name {
width: 90%;
display: inline-block;
}
.directory::before, .directory-link::before {
.directory::before,
.directory-link::before {
content: '\e807';
}
.file, .file-link {
.file,
.file-link {
background-image: none;
}
.archive, .archive-link {
.archive,
.archive-link {
background-image: none;
}
.archive::before, .archive-link {
.archive::before,
.archive-link {
color: rgb(26 224 124 / 56%);
content: '\e81d';
}
/* убираем заголовок */
.fm-header {
display: none;
}
/* выводим заголовки рядом с полями */
.cmd-button {
width: 20%;
@ -200,7 +211,9 @@
width: 98%;
}
/* если правая панель не помещаеться - прячем её */
.panel-right, .cmd-button#f5, .cmd-button#f6 {
.panel-right,
.cmd-button#f5,
.cmd-button#f6 {
display: none;
}
}
@ -212,23 +225,24 @@
padding: 0;
border: none;
}
.keyspanel, .panel-right {
.keyspanel,
.panel-right {
display: none;
}
.files {
overflow-y: visible;
}
.current-file {
box-shadow: 0 0;
}
.path-icon {
display: none;
}
.mini-icon {
display: none;
}

View file

@ -4,19 +4,21 @@
}
html {
height : 94%;
height: 94%;
}
body {
width : 100%;
height : 95%;
overflow : hidden;
background-color : white;
width: 100%;
height: 95%;
overflow: hidden;
background-color: white;
}
body, pre, code {
font-family : 'Droid Sans Mono', 'Ubuntu Mono', 'Consolas', monospace;
font-size : 16px;
body,
pre,
code {
font-family: 'Droid Sans Mono', 'Ubuntu Mono', 'Consolas', monospace;
font-size: 16px;
}
.hidden {
@ -27,31 +29,33 @@ body, pre, code {
display: none;
}
.fm, .keyspanel {
cursor : default;
.fm,
.keyspanel {
cursor: default;
-webkit-tap-highlight-color: rgb(0 0 0 / 0%);
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
-o-user-select : none;
user-select : none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.links {
-webkit-user-select : initial;
-moz-user-select : initial;
-ms-user-select : initial;
-o-user-select : initial;
user-select : text;
-webkit-user-select: initial;
-moz-user-select: initial;
-ms-user-select: initial;
-o-user-select: initial;
user-select: text;
}
.panel, .cmd-button {
.panel,
.cmd-button {
border: 1px solid;
border-color: var(--color-transparent);
}
.icon {
margin-left : 0.5%;
margin-left: 0.5%;
cursor: default;
}
@ -69,33 +73,33 @@ body, pre, code {
}
.path-icon:hover {
color : #06e;
color: #06e;
cursor: pointer;
}
.error::before {
font-family : 'Fontello';
font-size : 14px;
color : rgb(222 41 41);
cursor : default;
content : '\e800';
font-family: 'Fontello';
font-size: 14px;
color: rgb(222 41 41);
cursor: default;
content: '\e800';
}
.loading {
position : relative;
display : inline-block;
width : 16px;
height : 16px;
vertical-align : middle;
position: relative;
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
}
.loading::after {
position : relative;
bottom : 5px;
left : 16px;
font-size : 10px;
color : var(--color);
content : attr(data-progress);
position: relative;
bottom: 5px;
left: 16px;
font-size: 10px;
color: var(--color);
content: attr(data-progress);
}
.cmd-button {
@ -126,7 +130,8 @@ a {
text-decoration: none;
}
a:hover, a:active {
a:hover,
a:active {
color: #06e;
text-decoration: none;
}
@ -150,7 +155,7 @@ a:hover, a:active {
}
.fm {
width : 98%;
width: 98%;
height: 90%;
margin: 26px auto 0;
}
@ -171,7 +176,8 @@ a:hover, a:active {
opacity: 0.7;
}
.selected-file, .selected-file .name > a {
.selected-file,
.selected-file .name > a {
color: rgb(254 159 224);
}
@ -219,14 +225,14 @@ a:hover, a:active {
}
.owner {
display : inline-block;
width : 13%;
display: inline-block;
width: 13%;
/* when inline-block
* vertical align should be
* set top to prevent additional
* spaces behind lines
*/
vertical-align : top;
vertical-align: top;
}
.mode {
@ -235,9 +241,9 @@ a:hover, a:active {
}
.reduce-text {
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.files {
@ -252,4 +258,3 @@ a:hover, a:active {
.files li {
overflow: hidden;
}

View file

@ -2,7 +2,7 @@
.files {
overflow-y: overlay;
}
.fm-header {
overflow-y: hidden;
}

View file

@ -1,4 +1,3 @@
.terminal {
height: 100%;
}

View file

@ -17,20 +17,23 @@
}
@font-face {
font-family : 'Droid Sans Mono';
src : url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJTwtzT4qNq-faudv5qbO9-U.eot);
src :
font-family: 'Droid Sans Mono';
src: url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJTwtzT4qNq-faudv5qbO9-U.eot);
src:
local('Droid Sans Mono'),
local('DroidSansMono'),
url(../font/DroidSansMono.eot) format('embedded-opentype'),
url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJTwtzT4qNq-faudv5qbO9-U.eot?#iefix) format('embedded-opentype'),
url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJTwtzT4qNq-faudv5qbO9-U.eot) format('embedded-opentype'),
url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJTwtzT4qNq-faudv5qbO9-U.eot?#iefix)
format('embedded-opentype'),
url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJTwtzT4qNq-faudv5qbO9-U.eot)
format('embedded-opentype'),
url(../font/DroidSansMono.woff2) format('woff2'),
url(../font/DroidSansMono.woff) format('woff'),
url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJUYuTAAIFFn5GTWtryCmBQ4.woff) format('woff'),
url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJUYuTAAIFFn5GTWtryCmBQ4.woff)
format('woff'),
local('Consolas');
font-style : normal;
font-weight : 400;
font-style: normal;
font-weight: 400;
}
.directory {
@ -64,4 +67,3 @@
.loading-gif {
background: url(../img/spinner.gif);
}

View file

@ -21,4 +21,3 @@
border: 0;
overflow: auto;
}

View file

@ -15,11 +15,12 @@
}
.view-overlay {
display : block;
background : rgb(255 255 255 / 10%);
display: block;
background: rgb(255 255 255 / 10%);
}
.media, video {
.media,
video {
width: 100%;
}