-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
+
+
+
\ No newline at end of file
diff --git a/src/packages/Setting/AppAndServiceHandle.ts b/src/packages/Setting/AppAndServiceHandle.ts
index ed184f6..4920b7b 100644
--- a/src/packages/Setting/AppAndServiceHandle.ts
+++ b/src/packages/Setting/AppAndServiceHandle.ts
@@ -89,7 +89,7 @@ namespace OS {
this.applist.buttons = [
{
- text: "+",
+ iconclass: "bi bi-plus",
onbtclick: () => {
const apps = (() => {
const result = [];
@@ -128,7 +128,7 @@ namespace OS {
},
},
{
- text: "-",
+ iconclass: "bi bi-dash",
onbtclick: () => {
const item = this.applist.selectedItem;
if (!item) {
diff --git a/src/packages/Setting/AppearanceHandle.ts b/src/packages/Setting/AppearanceHandle.ts
index 9c2fcda..c7e936c 100644
--- a/src/packages/Setting/AppearanceHandle.ts
+++ b/src/packages/Setting/AppearanceHandle.ts
@@ -67,7 +67,7 @@ namespace OS {
this.wplist.buttons = [
{
- text: "+",
+ iconclass: "bi bi-plus",
onbtclick: (e) => {
return this.parent
.openDialog("FileDialog", {
diff --git a/src/packages/Setting/StartupHandle.ts b/src/packages/Setting/StartupHandle.ts
index b43cd39..37af023 100644
--- a/src/packages/Setting/StartupHandle.ts
+++ b/src/packages/Setting/StartupHandle.ts
@@ -47,7 +47,7 @@ namespace OS {
this.applist = this.find("applist") as GUI.tag.ListViewTag;
this.srvlist.buttons = [
{
- text: "+",
+ iconclass: "bi bi-plus",
onbtclick: () => {
let services = [];
for (var k in setting.system.packages) {
@@ -75,7 +75,7 @@ namespace OS {
},
},
{
- text: "-",
+ iconclass: "bi bi-dash",
onbtclick: () => {
const item = this.srvlist.selectedItem;
if (!item) {
@@ -90,7 +90,7 @@ namespace OS {
this.applist.buttons = [
{
- text: "+",
+ iconclass: "bi bi-plus",
onbtclick: () => {
const apps = (() => {
const result = [];
@@ -127,7 +127,7 @@ namespace OS {
},
},
{
- text: "-",
+ iconclass: "bi bi-dash",
onbtclick: () => {
const item = this.applist.selectedItem;
if (!item) {
diff --git a/src/packages/Setting/VFSHandle.ts b/src/packages/Setting/VFSHandle.ts
index 60d51d6..55a6ca5 100644
--- a/src/packages/Setting/VFSHandle.ts
+++ b/src/packages/Setting/VFSHandle.ts
@@ -144,7 +144,7 @@ namespace OS {
this.ppath = this.find("ppath") as GUI.tag.LabelTag;
this.mplist.buttons = [
{
- text: "+",
+ iconclass: "bi bi-plus",
onbtclick: async () => {
const d = await this.parent.openDialog(
new VFSSettingDialog(),
@@ -162,7 +162,7 @@ namespace OS {
},
},
{
- text: "-",
+ iconclass: "bi bi-dash",
onbtclick: async () => {
const item = this.mplist.selectedItem;
if (!item) {
diff --git a/src/packages/Setting/main.css b/src/packages/Setting/main.css
index 3ef822f..78131ee 100644
--- a/src/packages/Setting/main.css
+++ b/src/packages/Setting/main.css
@@ -1,21 +1,7 @@
-afx-app-window[data-id = "setting-window"] afx-tab-container afx-tab-bar afx-list-view > div > ul li{
- float:none;
- border-radius: 0;
- font-weight: bold;
- padding-top:3px;
- padding-bottom: 3px;
- border:0;
-}
-afx-app-window[data-id = "setting-window"] afx-tab-bar{
- border-right: 1px solid #cbcbcb;
-}
-afx-app-window[data-id = "setting-window"] afx-label.header{
+afx-app-window[data-id = "setting-window"] afx-label.header i.label-text{
font-weight: bold;
}
-afx-app-window[data-id = "setting-window"] div.footer{
- border-right: 1px solid #cbcbcb;
-}
/*APPEARANCE*/
afx-app-window[data-id = "setting-window"] afx-hbox[data-id="appearance"] div[data-id = "wp-preview"]{
display: block;
@@ -26,7 +12,6 @@ afx-app-window[data-id = "setting-window"] afx-hbox[data-id="appearance"] div[da
afx-app-window[data-id = "setting-window"] afx-hbox[data-id="appearance"] afx-list-view[data-id="wplist"]
{
border:1px solid #cbcbcb;
- padding:2px;
}
afx-app-window[data-id = "setting-window"] afx-hbox[data-id="appearance"] afx-resizer{
border:0;
diff --git a/src/packages/Setting/main.ts b/src/packages/Setting/main.ts
index 92b3e89..6591a4d 100644
--- a/src/packages/Setting/main.ts
+++ b/src/packages/Setting/main.ts
@@ -98,14 +98,14 @@ namespace OS {
* @memberof Setting
*/
main(): void{
- //this.containter = this.find("container") as GUI.tag.TabContainerTag;
+ const containter = this.find("container") as GUI.tag.TabContainerTag;
new Setting.AppearanceHandle(this.find("appearance"), this);
new Setting.VFSHandle(this.find("vfs"), this);
new Setting.LocaleHandle(this.find("locale"), this);
new Setting.StartupHandle(this.find("startup"), this);
new Setting.AppAndServiceHandle(this.find("app-services"), this);
-
+ containter.selectedIndex = 0;
(this.find("btnsave") as GUI.tag.ButtonTag ).onbtclick = (e) => {
this._api
.setting()
diff --git a/src/packages/Setting/scheme.html b/src/packages/Setting/scheme.html
index e16ddaa..e682487 100644
--- a/src/packages/Setting/scheme.html
+++ b/src/packages/Setting/scheme.html
@@ -1,28 +1,24 @@
-
+
-
+
-
-
+
-
-
-
-
-
-
-
-
-
+
-
-
+
+
+
+
+
+
+
@@ -31,22 +27,19 @@
-
-
+
-
-
-
+
+
-
+
-
-
-
+
+
-
+
@@ -56,8 +49,7 @@
-
-
+
@@ -67,10 +59,10 @@
-
+
-
+
@@ -80,10 +72,10 @@
-
+
-
+
@@ -91,10 +83,10 @@
-
-
+
+
diff --git a/src/themes/antos_dark/afx-app-window.css b/src/themes/antos_dark/afx-app-window.css
index d25f514..7ee6bbd 100644
--- a/src/themes/antos_dark/afx-app-window.css
+++ b/src/themes/antos_dark/afx-app-window.css
@@ -5,42 +5,26 @@ afx-app-window div.afx-window-wrapper{
background-color:#363636;
}
afx-app-window.unactive > div.afx-window-wrapper{
- background-color: #464646;
+ /*background-color: #464646;*/
+ box-shadow: none;
}
afx-app-window ul.afx-window-top{
- height: 20px;
border-bottom: 1px solid #262626;
}
-afx-app-window div.afx-window-overlay {
- top: 22px;
-}
-afx-app-window ul.afx-window-top li{
- margin-left: 3px;
- margin-top:4px;
-
-}
-afx-app-window ul.afx-window-top .afx-window-close,.afx-window-minimize,.afx-window-maximize{
- width: 10px;
- height: 10px;
- border-radius: 0;
-}
+/*
afx-app-window ul li.afx-window-close{
background-color: #Fc605b;
- float:left;
}
afx-app-window ul li.afx-window-minimize{
background-color: #fec041;
- float:left;
}
afx-app-window ul li.afx-window-maximize{
background-color: #35cc4b;
- float:left;
-}
+}*/
afx-app-window ul li.afx-window-title{
- margin-top:1px;
- text-align: center;
+ text-align: left;
}
afx-app-window div.afx-window-content
@@ -49,8 +33,13 @@ afx-app-window div.afx-window-content
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
-
+/*
afx-app-window.unactive div.afx-window-content
{
background-color:#464646;
-}
\ No newline at end of file
+}*/
+afx-app-window ul.afx-window-top button:hover
+{
+ background-color: #464646;
+ color: white;
+}
diff --git a/src/themes/antos_dark/afx-button.css b/src/themes/antos_dark/afx-button.css
index b73f5cc..1980478 100644
--- a/src/themes/antos_dark/afx-button.css
+++ b/src/themes/antos_dark/afx-button.css
@@ -1,5 +1,4 @@
afx-button button{
- padding: 4px;
border: 1px solid #262626;
background-color: #464646;
color: white;
@@ -7,14 +6,11 @@ afx-button button{
font-family: "Ubuntu";
}
+
afx-button button[disabled]{
color: #868686;
}
-afx-button i.icon-style {
- width: 16px;
- height: 16px;
- display: inline-block;
-}
+
afx-button button:active, afx-button button.btactive {
background-color: #2786F3;
color: white;
diff --git a/src/themes/antos_dark/afx-dock.css b/src/themes/antos_dark/afx-dock.css
index 01437a3..b4192d5 100644
--- a/src/themes/antos_dark/afx-dock.css
+++ b/src/themes/antos_dark/afx-dock.css
@@ -1,7 +1,4 @@
afx-apps-dock{
- bottom: 0px;
- top: 0px;
- width: 32px;
background-color:#363636;
padding:0;
padding-top: 0;
@@ -10,23 +7,6 @@ afx-apps-dock{
border:1px solid #262626;
box-shadow: none;
}
-afx-apps-dock afx-button button{
- width: 32px;
- height: 32px;
- font-size: 19px;
- margin-bottom: 0;
- padding:0px;
- background-color: transparent;
- border:0;
- border-radius: 0;
-}
-afx-apps-dock afx-button afx-label i.icon-style{
- width: 24px;
- height: 24px;
- margin-left: 2px;
- margin-bottom: 0px;
- border:0;
-}
afx-apps-dock afx-button.selected > button {
background-color: #464646;
diff --git a/src/themes/antos_dark/afx-file-view.css b/src/themes/antos_dark/afx-file-view.css
index 48784b0..c2e87a6 100644
--- a/src/themes/antos_dark/afx-file-view.css
+++ b/src/themes/antos_dark/afx-file-view.css
@@ -1,7 +1,4 @@
afx-file-view afx-label.status{
- padding:3px;
- right: 0px;
- height: 15px;
background-color: #464646;
border-top: 1px solid #262626;
@@ -14,7 +11,7 @@ afx-file-view afx-list-view > div.list-container > ul li{
margin-right: 5px;
margin-bottom: 5px;
}
-afx-file-view afx-list-view > div.list-container > ul afx-list-item:nth-child(even) li {
+afx-file-view afx-list-view > div.list-container > ul .afx-list-item:nth-child(even) li {
background-color: transparent;
}
afx-file-view afx-list-view i.dir:before{
@@ -40,7 +37,7 @@ afx-file-view afx-list-view i.file:before{
font-weight: normal;
}
-afx-file-view afx-list-view > div.list-container > ul > afx-list-item > li.selected
+afx-file-view afx-list-view > div.list-container > ul > .afx-list-item > li.selected
{
background-color: transparent;
}
@@ -55,7 +52,6 @@ afx-file-view afx-grid-view{
afx-file-view afx-grid-view i.file:before{
content: "\f016";
font-family: "FontAwesome";
- font-size: 16px;
color: white;
font-style: normal;
font-weight: normal;
@@ -63,7 +59,6 @@ afx-file-view afx-grid-view i.file:before{
afx-file-view afx-grid-view i.dir:before{
content: "\f07b";
font-family: "FontAwesome";
- font-size: 16px;
color: #76D2F9;
font-style: normal;
font-weight: normal;
@@ -74,36 +69,28 @@ afx-file-view afx-grid-view i{
afx-file-view afx-grid-view afx-grid-row.afx-grid-row-selected i:before{
color:white;
}
-afx-file-view afx-grid-view afx-grid-row afx-grid-cell
-{
- padding: 3px;
-}
afx-file-view afx-grid-view .grid_row_header afx-grid-cell{
background-color: #464646;
border-top: 1px solid #262626;
border-right: 1px solid #262626;
border-bottom: 1px solid #262626;
- padding: 3px;
}
afx-file-view afx-tree-view .afx-tree-view-folder-close:before{
content: "\f07b";
font-family: "FontAwesome";
- font-size: 16px;
color:#76D2F9;
}
afx-file-view afx-tree-view .afx-tree-view-folder-open:before{
content: "\f07c";
font-family: "FontAwesome";
color:#76D2F9;
- font-size: 16px;
}
afx-file-view afx-tree-view .afx-tree-view-item:before{
content: "\f016";
font-family: "FontAwesome";
- font-size: 16px;
font-style: normal;
font-weight: normal;
}
@@ -112,14 +99,10 @@ afx-file-view afx-tree-view div.afx_tree_item_selected, afx-file-view afx-tree-v
background-color: transparent;
}
-afx-file-view afx-tree-view li.itemname{
- padding:3px;
- padding-right: 5px;
-}
-afx-file-view afx-tree-view div.afx_tree_item_selected .itemname{
+afx-file-view afx-tree-view div.afx_tree_item_selected ul{
background-color: #116cd6;
color:white;
- border-radius: 3px;
+ border-radius: 0;
}
afx-file-view afx-tree-view div.afx_tree_item_selected i.file:before{
diff --git a/src/themes/antos_dark/afx-list-view.css b/src/themes/antos_dark/afx-list-view.css
index b76aa27..5653366 100644
--- a/src/themes/antos_dark/afx-list-view.css
+++ b/src/themes/antos_dark/afx-list-view.css
@@ -1,29 +1,17 @@
afx-list-view > div.list-container > ul li{
- padding: 5px;
- padding-top:3px;
- padding-bottom: 3px;
- padding-right: 10px;
background-color: #363636;
}
-afx-list-view > div.list-container > ul afx-list-item:nth-child(even) li{
+afx-list-view > div.list-container > ul .afx-list-item:nth-child(even) li{
background-color:#3b3b3b;
}
-afx-list-view i.closable{
- width: 16px;
- height: 16px;
-}
afx-list-view i.closable:before{
- font-size: 10px;
- margin-left: 10px;
color: #868686;
}
-
-afx-list-view > div.list-container > ul li > i {
- margin-right: 3px;
-
+afx-list-view.dropdown > div.list-container > ul li:hover{
+ background-color: #464646;
}
-afx-list-view > div.list-container > ul > afx-list-item > li.selected{
+afx-list-view > div.list-container > ul > .afx-list-item li.selected{
background-color: #116cd6;
color:white;
}
@@ -32,36 +20,17 @@ afx-list-view.dropdown > div.list-container > ul{
border:1px solid #262626;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
border-radius: 3px;
- max-height: 150px;
background-color: #363636;
border-top-left-radius: 0px;
- z-index: 10;
}
-afx-list-view.dropdown div.list-container div{
+afx-list-view.dropdown {
color: white;
- padding-top:3px;
- padding-bottom: 3px;
border:1px solid #262626;
border-radius: 3px;
background-color: transparent;
- height: 17px;
-}
-afx-list-view.dropdown div.list-container div > afx-label{
- padding-left:3px;
-}
-afx-list-view.dropdown div.list-container div:before {
- content: "\f107";
- font-family: "FontAwesome";
- font-size: 11px;
- font-style: normal;
- position: absolute;
- top:25%;
- right: 5px;
- }
-afx-list-view.dropdown > div.list-container > ul li:hover{
- background-color: #464646;
}
+
afx-list-view ul.complex-content{
padding: 0;
margin: 0;
@@ -76,15 +45,15 @@ afx-list-view ul.complex-content li{
afx-list-view > div.list-container > ul li.selected ul.complex-content li{
color:white;
}
-
afx-list-view div.button_container afx-button{
margin-right: 2px;
}
afx-list-view div.button_container afx-button button{
border-radius: 0;
- padding-left:5px;
- padding-top:1px;
- padding-bottom: 1px;
- padding-right: 5px;
-
}
+afx-list-view .afx-list-item li afx-label.description i.label-text
+{
+ font-size: 13px;
+ padding-left: 10px;
+}
+
diff --git a/src/themes/antos_dark/afx-menu.css b/src/themes/antos_dark/afx-menu.css
index b4b1328..5491152 100644
--- a/src/themes/antos_dark/afx-menu.css
+++ b/src/themes/antos_dark/afx-menu.css
@@ -1,12 +1,3 @@
-afx-menu afx-switch span{
- padding-top: 3px;
- font-size: 16px;
- height: 19px;
-}
-afx-menu span.shortcut{
- text-align: right;
- margin-left: 3px;
-}
afx-menu li:hover > a afx-switch span:before{
color:white;
}
@@ -20,14 +11,6 @@ afx-menu afx-menu ul {
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
background-color: #363636;
}
-afx-menu ul li /*, afx-menu ul >afx-menu-entry > li*/{
- padding-left: 5px;
- padding-right: 5px;
-}
-afx-menu afx-menu li{
- min-width: 150px;
- width: calc(100% - 10px);
-}
afx-menu li:hover {
background-color: #2786F3;
@@ -37,13 +20,7 @@ afx-menu li:hover > a {
}
afx-menu afx-menu .afx_submenu:before, afx-menu ul.context .afx_submenu:before{
- content: "\f054";
- font-family: "FontAwesome";
- font-size: 10px;
- right:5px;
color: #414339;
- position:absolute;
- top:25%;
}
afx-menu ul.context{
@@ -52,12 +29,4 @@ afx-menu afx-menu .afx_submenu:before, afx-menu ul.context .afx_submenu:before
border-top-left-radius: 0px;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
background-color: #363636;
- }
- afx-menu ul.context li{
- min-width: 150px;
- width: calc(100% - 10px);
- }
-
-afx-menu afx-label span {
- height: 22px !important;
}
\ No newline at end of file
diff --git a/src/themes/antos_dark/afx-nspinner.css b/src/themes/antos_dark/afx-nspinner.css
index 5831e6f..0c14618 100644
--- a/src/themes/antos_dark/afx-nspinner.css
+++ b/src/themes/antos_dark/afx-nspinner.css
@@ -1,6 +1,5 @@
afx-nspinner ul li{
border: 1px solid #262626;
- width: 100%;
}
afx-nspinner ul li.incr{
@@ -16,10 +15,4 @@ afx-nspinner ul li.decr{
afx-nspinner ul li:hover{
color:#116cD6;
-}
-afx-nspinner ul li.incr i:before{
- font-size: 16px;
-}
-afx-nspinner ul li.decr i:before{
- font-size: 16px;
}
\ No newline at end of file
diff --git a/src/themes/antos_dark/afx-slider.css b/src/themes/antos_dark/afx-slider.css
index e8278b8..7877104 100644
--- a/src/themes/antos_dark/afx-slider.css
+++ b/src/themes/antos_dark/afx-slider.css
@@ -1,7 +1,7 @@
afx-slider div.container{
border-radius: 3px;
- height: 5px;
+ height: 10px;
background-color: #868686;
}
@@ -11,9 +11,18 @@ afx-slider div.progress {
}
afx-slider div.dragpoint {
- width: 15px;
- height: 15px;
border:1px solid #262626;
- border-radius: 15px;
background-color:#868686;
}
+
+afx-slider div.dragpoint::before
+{
+ content: "\f0d7";
+ font-family: "FontAwesome";
+ position: absolute;
+ bottom: -9px;
+ left: 0;
+ right: 0;
+ text-align: center;
+ color:#868686;
+}
diff --git a/src/themes/antos_dark/afx-stack-menu.css b/src/themes/antos_dark/afx-stack-menu.css
new file mode 100644
index 0000000..c6c1a13
--- /dev/null
+++ b/src/themes/antos_dark/afx-stack-menu.css
@@ -0,0 +1,26 @@
+afx-list-view > div.list-container > ul afx-stack-menu-item.afx-list-item li:hover {
+ background-color: #464646;
+}
+
+afx-list-view > div.list-container > ul afx-stack-menu-item.afx-list-item li.selected afx-switch span:before
+{
+ color:white;
+}
+
+
+afx-list-view > div.list-container > ul > afx-stack-menu-item.afx-list-item > li.selected{
+ background-color: #116cd6;
+ color:white;
+}
+
+afx-stack-menu > afx-button button
+{
+ border-radius: 0;
+}
+afx-stack-menu.context {
+ border:1px solid #262626;
+ border-radius: 5px;
+ border-top-left-radius: 0px;
+ box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
+ background-color: #363636;
+}
\ No newline at end of file
diff --git a/src/themes/antos_dark/afx-sys-panel.css b/src/themes/antos_dark/afx-sys-panel.css
index fe1f636..a0351eb 100644
--- a/src/themes/antos_dark/afx-sys-panel.css
+++ b/src/themes/antos_dark/afx-sys-panel.css
@@ -1,8 +1,7 @@
afx-sys-panel > div{
background-color: #363636;
- border-bottom: 1px solid #262626;
+ border-top: 1px solid #262626;
box-shadow: none;
- height: 22px;
}
afx-sys-panel .afx-panel-os-menu li
@@ -48,15 +47,11 @@ afx-sys-panel afx-overlay
border: 1px solid #262626;
}
afx-sys-panel afx-list-view[data-id="applist"],
-afx-sys-panel afx-list-view[data-id="catlist"],
-afx-sys-panel afx-resizer
+afx-sys-panel afx-tab-bar[data-id="catlist"]
{
border-top: 1px solid #262626;
- border-bottom: 1px solid #262626;
}
-
-afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li,
-afx-sys-panel afx-list-view[data-id="catlist"] > div.list-container > ul li
+afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li
{
padding-top: 5px;
padding-bottom: 5px;
@@ -68,23 +63,22 @@ afx-sys-panel afx-hbox[data-id="btlist"] afx-button button
border: 0;
border-left: 1px solid #262626;
border-top: 1px solid #262626;
+ font-size: 24px;
}
-afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li:hover,
-afx-sys-panel afx-list-view[data-id="catlist"] > div.list-container > ul li:hover
+afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul .afx-list-item li:hover
{
background-color: #cecece;
color: #262626;
+ border-radius: 10px;
}
-afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li.selected,
-afx-sys-panel afx-list-view[data-id="catlist"] > div.list-container > ul li.selected
-
+afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul .afx-list-item li.selected
{
background-color: #116cd6;
color:white;
}
-afx-sys-panel afx-list-view[data-id="catlist"] .label-text {
+afx-sys-panel afx-tab-bar[data-id="catlist"] .afx-list-view i.label-text {
font-weight: bold;
}
@@ -92,16 +86,7 @@ afx-sys-panel afx-list-view[data-id="applist"] afx-label.search-header {
font-weight: bold;
}
-afx-sys-panel afx-list-view[data-id="applist"] afx-label i {
- margin-right: 10px;
- width: 16px;
- height: 16px;
-}
-afx-sys-panel afx-list-view[data-id="applist"] afx-label i.bi::before
-{
- width: 16px;
-}
afx-sys-panel div[data-id="searchicon"]:before{
content: "\f002";
display: block;
@@ -113,7 +98,8 @@ afx-sys-panel div[data-id="searchicon"]:before{
}
afx-sys-panel input{
border:0;
- height: 25px;
+ height: 30px;
color:#afafaf;
+ font-size: 16px;
background-color: transparent;
}
\ No newline at end of file
diff --git a/src/themes/antos_dark/afx-tab-bar.css b/src/themes/antos_dark/afx-tab-bar.css
index 2e6beec..5b9f067 100644
--- a/src/themes/antos_dark/afx-tab-bar.css
+++ b/src/themes/antos_dark/afx-tab-bar.css
@@ -1,15 +1,14 @@
-afx-tab-bar afx-list-view > div.list-container > ul > afx-list-item > li.selected
+afx-tab-bar[dir="horizontal"] afx-list-view > div.list-container > ul > afx-list-item > li.selected
{
background-color: #464646;
color:white;
+ border-bottom:1px solid #262626;
}
-afx-tab-bar afx-list-view > div.list-container > ul li{
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- padding-bottom: 2px;
- padding-right:15px;
- padding-top:2px;
- border:1px solid #262626;
+afx-tab-bar[dir="vertical"] afx-list-view > div.list-container > ul > afx-list-item > li.selected
+{
+ background-color: #464646;
+ color:white;
+ border-right:1px solid #262626;
}
\ No newline at end of file
diff --git a/src/themes/antos_dark/afx-tree-view.css b/src/themes/antos_dark/afx-tree-view.css
index 72ca4af..afb87e2 100644
--- a/src/themes/antos_dark/afx-tree-view.css
+++ b/src/themes/antos_dark/afx-tree-view.css
@@ -1,12 +1,4 @@
-afx-tree-view div{
- padding:3px;
-}
-
-afx-tree-view i.icon-style {
- width: 16px;
- height: 16px;
-}
afx-tree-view div.afx_tree_item_selected{
background-color: #116cd6;
color:white;
diff --git a/src/themes/antos_dark/antos.css b/src/themes/antos_dark/antos.css
index 069d45f..3391b2f 100644
--- a/src/themes/antos_dark/antos.css
+++ b/src/themes/antos_dark/antos.css
@@ -1,29 +1,15 @@
html,body{
font-family: "Ubuntu";
- font-size: 13px;
color: white;
}
-#workspace {
- top: 23px;
-}
-
-#desktop{
- top:0;
- left: 35px;
-}
#desktop > div > ul afx-list-item {
- width: 70px;
color: white;
- padding:3px;
}
#desktop > div > ul afx-list-item li.selected {
background-color: #116cd6;
color:white;
border-radius: 6px;
- width: 70px;
- color: white;
- padding:3px;
}
#desktop > div > ul afx-list-item i.file:before{
diff --git a/src/themes/antos_light/afx-app-window.css b/src/themes/antos_light/afx-app-window.css
index 2b9722a..023bfb0 100644
--- a/src/themes/antos_light/afx-app-window.css
+++ b/src/themes/antos_light/afx-app-window.css
@@ -1,55 +1,47 @@
afx-app-window div.afx-window-wrapper{
border:1px solid #a6a6a6;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
- border-radius: 5px;
+ border-radius: 0;
background-color:#dfdfdf;
}
afx-app-window.unactive > div.afx-window-wrapper{
- background-color: #f6f6f6;
+ /*background-color: #f6f6f6;*/
+ box-shadow: none;
}
afx-app-window ul.afx-window-top{
- height: 20px;
border-bottom: 1px solid #a6a6a6;
}
-afx-app-window div.afx-window-overlay {
- top: 22px;
-}
-afx-app-window ul.afx-window-top li{
- margin-left: 3px;
- margin-top:4px;
-
-}
-afx-app-window ul.afx-window-top .afx-window-close,.afx-window-minimize,.afx-window-maximize{
- width: 11px;
- height: 11px;
- border-radius: 10px;
-}
+/*
afx-app-window ul li.afx-window-close{
background-color: #Fc605b;
- float:left;
+ margin-right: 10px;
}
afx-app-window ul li.afx-window-minimize{
background-color: #fec041;
- float:left;
}
afx-app-window ul li.afx-window-maximize{
background-color: #35cc4b;
- float:left;
}
+*/
afx-app-window ul li.afx-window-title{
- margin-top:1px;
- text-align: center;
+ text-align: left;
}
afx-app-window div.afx-window-content
{
background-color: white;
- border-bottom-left-radius: 5px;
- border-bottom-right-radius: 5px;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
}
+/*
afx-app-window.unactive div.afx-window-content
{
background-color:white;
+}*/
+afx-app-window ul.afx-window-top button:hover
+{
+ background-color: #2786F3;
+ color: white;
}
\ No newline at end of file
diff --git a/src/themes/antos_light/afx-button.css b/src/themes/antos_light/afx-button.css
index af7f70e..aa5e9fc 100644
--- a/src/themes/antos_light/afx-button.css
+++ b/src/themes/antos_light/afx-button.css
@@ -1,21 +1,15 @@
afx-button button{
- padding: 4px;
border: 1px solid #a6a6a6;
background-color: #f6F6F6;
color: #414339;
- border-radius: 6px;
+ border-radius: 3px;
font-family: "Ubuntu";
-
}
afx-button button[disabled]{
color: #a6a6a6;
}
-afx-button i.icon-style {
- width: 16px;
- height: 16px;
- display: inline-block;
-}
+
afx-button button:active, afx-button button.btactive {
background-color: #2786F3;
color: white;
diff --git a/src/themes/antos_light/afx-dock.css b/src/themes/antos_light/afx-dock.css
index e559f86..eb0c480 100644
--- a/src/themes/antos_light/afx-dock.css
+++ b/src/themes/antos_light/afx-dock.css
@@ -1,7 +1,4 @@
afx-apps-dock{
- bottom: 0;
- top: 0;
- width: 32px;
background-color:#e7e7e7;
padding:0;
padding-top: 0;
@@ -10,23 +7,7 @@ afx-apps-dock{
border:1px solid #a6a6a6;
box-shadow: none;
}
-afx-apps-dock afx-button button{
- width: 32px;
- height: 32px;
- font-size: 19px;
- margin-bottom: 0;
- padding:0px;
- background-color: transparent;
- border:0;
- border-radius: 0;
-}
-afx-apps-dock afx-button afx-label i.icon-style{
- width: 24px;
- height: 24px;
- margin-left: 2px;
- margin-bottom: 0px;
- border:0;
-}
+
afx-apps-dock afx-button.selected > button {
background-color: #2786F3;
diff --git a/src/themes/antos_light/afx-file-view.css b/src/themes/antos_light/afx-file-view.css
index ec8ab18..21731a6 100644
--- a/src/themes/antos_light/afx-file-view.css
+++ b/src/themes/antos_light/afx-file-view.css
@@ -1,7 +1,4 @@
afx-file-view afx-label.status{
- padding:3px;
- right: 0px;
- height: 15px;
background-color: #f6F6F6;
border-top: 1px solid #cbcbcb;
}
@@ -13,7 +10,7 @@ afx-file-view afx-list-view > div.list-container > ul li{
margin-right: 5px;
margin-bottom: 5px;
}
-afx-file-view afx-list-view > div.list-container > ul afx-list-item:nth-child(even) li {
+afx-file-view afx-list-view > div.list-container > ul .afx-list-item:nth-child(even) li {
background-color: transparent;
}
afx-file-view afx-list-view i.dir:before{
@@ -38,7 +35,7 @@ afx-file-view afx-list-view i.file:before{
font-style: normal;
font-weight: normal;
}
-afx-file-view afx-list-view > div.list-container > ul > afx-list-item > li.selected
+afx-file-view afx-list-view > div.list-container > ul > .afx-list-item > li.selected
{
background-color: transparent;
}
@@ -53,7 +50,6 @@ afx-file-view afx-grid-view{
afx-file-view afx-grid-view i.file:before{
content: "\f016";
font-family: "FontAwesome";
- font-size: 16px;
color: #414339;
font-style: normal;
font-weight: normal;
@@ -61,7 +57,6 @@ afx-file-view afx-grid-view i.file:before{
afx-file-view afx-grid-view i.dir:before{
content: "\f07b";
font-family: "FontAwesome";
- font-size: 16px;
color: #76D2F9;
font-style: normal;
font-weight: normal;
@@ -72,36 +67,27 @@ afx-file-view afx-grid-view i{
afx-file-view afx-grid-view afx-grid-row.afx-grid-row-selected i:before{
color:white;
}
-afx-file-view afx-grid-view afx-grid-row afx-grid-cell
-{
- padding: 3px;
-}
-
afx-file-view afx-grid-view .grid_row_header afx-grid-cell{
background-color: #dfdfdf;
border-top: 1px solid #a6a6a6;
border-right: 1px solid #a6a6a6;
border-bottom: 1px solid #a6a6a6;
- padding: 3px;
}
afx-file-view afx-tree-view .afx-tree-view-folder-close:before{
content: "\f07b";
font-family: "FontAwesome";
- font-size: 16px;
color:#76D2F9;
}
afx-file-view afx-tree-view .afx-tree-view-folder-open:before{
content: "\f07c";
font-family: "FontAwesome";
color:#76D2F9;
- font-size: 16px;
}
afx-file-view afx-tree-view .afx-tree-view-item:before{
content: "\f016";
font-family: "FontAwesome";
- font-size: 16px;
font-style: normal;
font-weight: normal;
}
@@ -110,14 +96,10 @@ afx-file-view afx-tree-view div.afx_tree_item_selected, afx-file-view afx-tree-v
background-color: transparent;
}
-afx-file-view afx-tree-view li.itemname{
- padding:3px;
- padding-right: 5px;
-}
-afx-file-view afx-tree-view div.afx_tree_item_selected .itemname{
+afx-file-view afx-tree-view div.afx_tree_item_selected ul{
background-color: #116cd6;
color:white;
- border-radius: 3px;
+ border-radius: 0x;
}
afx-file-view afx-tree-view div.afx_tree_item_selected i.file:before{
diff --git a/src/themes/antos_light/afx-list-view.css b/src/themes/antos_light/afx-list-view.css
index 5d25c5f..00099c7 100644
--- a/src/themes/antos_light/afx-list-view.css
+++ b/src/themes/antos_light/afx-list-view.css
@@ -1,29 +1,18 @@
afx-list-view > div.list-container > ul li{
- padding: 5px;
- padding-top:3px;
- padding-bottom: 3px;
- padding-right: 10px;
background-color: white;
}
-afx-list-view > div.list-container > ul afx-list-item:nth-child(even) li{
+afx-list-view > div.list-container > ul .afx-list-item:nth-child(even) li{
background-color:#f5F5F5;
}
-afx-list-view i.closable{
- width: 16px;
- height: 16px;
-}
afx-list-view i.closable:before{
- font-size: 10px;
- margin-left: 10px;
color: #414339;
}
-
-afx-list-view > div.list-container > ul li > i {
- margin-right: 3px;
-
+afx-list-view.dropdown > div.list-container > ul li:hover{
+ background-color: #dcdcdc;
+ color: #414339;
}
-afx-list-view > div.list-container > ul > afx-list-item > li.selected{
+afx-list-view > div.list-container > ul > .afx-list-item li.selected{
background-color: #116cd6;
color:white;
}
@@ -32,37 +21,15 @@ afx-list-view.dropdown > div.list-container > ul{
border:1px solid #a6a6a6;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
border-radius: 3px;
- max-height: 150px;
background-color: white;
border-top-left-radius: 0px;
- z-index: 10;
}
-afx-list-view.dropdown div.list-container div{
+afx-list-view.dropdown{
color: #414339;
- padding-top:3px;
- padding-bottom: 3px;
border:1px solid #a6a6a6;
border-radius: 3px;
background-color: transparent;
- height: 17px;
-}
-afx-list-view.dropdown div.list-container div > afx-label{
- padding-left:3px;
-}
-afx-list-view.dropdown div.list-container div:before {
- content: "\f107";
- font-family: "FontAwesome";
- font-size: 11px;
- font-style: normal;
- color: #414339;
- position: absolute;
- top:25%;
- right: 5px;
- }
-afx-list-view.dropdown > div.list-container > ul li:hover{
- background-color: #dcdcdc;
- color: #414339;
}
afx-list-view ul.complex-content{
padding: 0;
@@ -79,14 +46,15 @@ afx-list-view > div.list-container > ul li.selected ul.complex-content li{
color:white;
}
+
afx-list-view div.button_container afx-button{
margin-right: 2px;
}
afx-list-view div.button_container afx-button button{
border-radius: 0;
- padding-left:5px;
- padding-top:1px;
- padding-bottom: 1px;
- padding-right: 5px;
-
}
+afx-list-view .afx-list-item li afx-label.description i.label-text
+{
+ font-size: 13px;
+ padding-left: 10px;
+}
\ No newline at end of file
diff --git a/src/themes/antos_light/afx-menu.css b/src/themes/antos_light/afx-menu.css
index b1ae122..18cc88c 100644
--- a/src/themes/antos_light/afx-menu.css
+++ b/src/themes/antos_light/afx-menu.css
@@ -1,12 +1,3 @@
-afx-menu afx-switch span{
- padding-top: 3px;
- font-size: 16px;
- height: 19px;
-}
-afx-menu span.shortcut{
- text-align: right;
- margin-left: 3px;
-}
afx-menu li:hover > a afx-switch span:before{
color:white;
}
@@ -20,14 +11,6 @@ afx-menu afx-menu ul {
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
background-color: #e7e7e7;
}
-afx-menu ul li /*, afx-menu ul >afx-menu-entry > li*/{
- padding-left: 5px;
- padding-right: 5px;
-}
-afx-menu afx-menu li{
- min-width: 150px;
- width: calc(100% - 10px);
-}
afx-menu li:hover {
background-color: #2786F3;
@@ -37,13 +20,7 @@ afx-menu li:hover > a {
}
afx-menu afx-menu .afx_submenu:before, afx-menu ul.context .afx_submenu:before{
- content: "\f054";
- font-family: "FontAwesome";
- font-size: 10px;
- right:5px;
color: #414339;
- position:absolute;
- top:25%;
}
afx-menu ul.context{
@@ -53,11 +30,3 @@ afx-menu afx-menu .afx_submenu:before, afx-menu ul.context .afx_submenu:before
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
background-color: #e7e7e7;
}
- afx-menu ul.context li{
- min-width: 150px;
- width: calc(100% - 10px);
- }
-
-afx-menu afx-label span {
- height: 22px !important;
- }
\ No newline at end of file
diff --git a/src/themes/antos_light/afx-nspinner.css b/src/themes/antos_light/afx-nspinner.css
index aa2232e..970d35b 100644
--- a/src/themes/antos_light/afx-nspinner.css
+++ b/src/themes/antos_light/afx-nspinner.css
@@ -1,6 +1,5 @@
afx-nspinner ul li{
border: 1px solid #a6a6a6;
- width: 100%;
}
afx-nspinner ul li.incr{
@@ -17,9 +16,3 @@ afx-nspinner ul li.decr{
afx-nspinner ul li:hover{
color:#116cD6;
}
-afx-nspinner ul li.incr i:before{
- font-size: 16px;
-}
-afx-nspinner ul li.decr i:before{
- font-size: 16px;
-}
\ No newline at end of file
diff --git a/src/themes/antos_light/afx-slider.css b/src/themes/antos_light/afx-slider.css
index 1e9d90b..c4e5a20 100644
--- a/src/themes/antos_light/afx-slider.css
+++ b/src/themes/antos_light/afx-slider.css
@@ -11,9 +11,18 @@ afx-slider div.progress {
}
afx-slider div.dragpoint {
- width: 15px;
- height: 15px;
border:1px solid #6b6b6b;
- border-radius: 15px;
background-color:#e6e6e6;
}
+
+afx-slider div.dragpoint::before
+{
+ content: "\f0d7";
+ font-family: "FontAwesome";
+ position: absolute;
+ bottom: -9px;
+ left: 0;
+ right: 0;
+ text-align: center;
+ color:#868686;
+}
diff --git a/src/themes/antos_light/afx-stack-menu.css b/src/themes/antos_light/afx-stack-menu.css
new file mode 100644
index 0000000..3d5a86a
--- /dev/null
+++ b/src/themes/antos_light/afx-stack-menu.css
@@ -0,0 +1,24 @@
+afx-list-view > div.list-container > ul afx-stack-menu-item.afx-list-item li:hover {
+ background-color: #cecece;
+}
+afx-list-view > div.list-container > ul afx-stack-menu-item.afx-list-item li.selected afx-switch span:before
+{
+ color:white;
+}
+
+afx-list-view > div.list-container > ul > afx-stack-menu-item.afx-list-item > li.selected{
+ background-color: #116cd6;
+ color:white;
+}
+afx-stack-menu > afx-button button
+{
+ border-radius: 0;
+}
+
+afx-stack-menu.context {
+ border:1px solid #a6a6a6;
+ border-radius: 5px;
+ border-top-left-radius: 0px;
+ box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
+ background-color: #e7e7e7;
+}
\ No newline at end of file
diff --git a/src/themes/antos_light/afx-sys-panel.css b/src/themes/antos_light/afx-sys-panel.css
index 8cb25b0..d97ad1f 100644
--- a/src/themes/antos_light/afx-sys-panel.css
+++ b/src/themes/antos_light/afx-sys-panel.css
@@ -1,8 +1,7 @@
afx-sys-panel > div{
background-color: #e7e7e7;
- border-bottom: 1px solid #9c9C9C;
+ border-top: 1px solid #9c9C9C;
box-shadow:none;
- height: 22px;
}
afx-sys-panel .afx-panel-os-menu li
@@ -48,15 +47,11 @@ afx-sys-panel afx-overlay
border: 1px solid #9c9C9C;
}
afx-sys-panel afx-list-view[data-id="applist"],
-afx-sys-panel afx-list-view[data-id="catlist"],
-afx-sys-panel afx-resizer
+afx-sys-panel afx-tab-bar[data-id="catlist"]
{
border-top: 1px solid #afafaf;
- border-bottom: 1px solid #afafaf;
}
-
-afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li,
-afx-sys-panel afx-list-view[data-id="catlist"] > div.list-container > ul li
+afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li
{
padding-top: 5px;
padding-bottom: 5px;
@@ -68,39 +63,26 @@ afx-sys-panel afx-hbox[data-id="btlist"] afx-button button
border: 0;
border-left: 1px solid #afafaf;
border-top: 1px solid #afafaf;
+ font-size: 24px;
}
-afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li:hover,
-afx-sys-panel afx-list-view[data-id="catlist"] > div.list-container > ul li:hover
-
+afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul .afx-list-item li:hover
{
background-color: #cecece;
+ border-radius: 10px;
}
-afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li.selected,
-afx-sys-panel afx-list-view[data-id="catlist"] > div.list-container > ul li.selected
-{
+afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul .afx-list-item li.selected{
background-color: #116cd6;
color:white;
}
-afx-sys-panel afx-list-view[data-id="catlist"] .label-text {
+afx-sys-panel afx-tab-bar[data-id="catlist"] .afx-list-view i.label-text {
font-weight: bold;
}
afx-sys-panel afx-list-view[data-id="applist"] afx-label.search-header {
font-weight: bold;
-
-}
-afx-sys-panel afx-list-view[data-id="applist"] afx-label i {
- margin-right: 10px;
- width: 16px;
- height: 16px;
-}
-
-afx-sys-panel afx-list-view[data-id="applist"] afx-label i.bi::before
-{
- width: 16px;
}
afx-sys-panel div[data-id="searchicon"]:before{
@@ -116,5 +98,6 @@ afx-sys-panel input{
border:0;
height: 25px;
color:#afafaf;
+ font-size: 16px;
background-color: transparent;
}
\ No newline at end of file
diff --git a/src/themes/antos_light/afx-tab-bar.css b/src/themes/antos_light/afx-tab-bar.css
index ce932d7..cd9623c 100644
--- a/src/themes/antos_light/afx-tab-bar.css
+++ b/src/themes/antos_light/afx-tab-bar.css
@@ -1,15 +1,14 @@
-afx-tab-bar afx-list-view > div.list-container > ul > afx-list-item > li.selected
+afx-tab-bar[dir="horizontal"] afx-list-view > div.list-container > ul > afx-list-item > li.selected
{
background-color: #116cd6;
color:white;
+ border-bottom:1px solid #c3c3c3;
}
-afx-tab-bar afx-list-view > div.list-container > ul li{
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- padding-bottom: 2px;
- padding-right:15px;
- padding-top:2px;
- border:1px solid #c3c3c3;
+afx-tab-bar[dir="vertical"] afx-list-view > div.list-container > ul > afx-list-item > li.selected
+{
+ background-color: #116cd6;
+ color:white;
+ border-right:1px solid #c3c3c3;
}
\ No newline at end of file
diff --git a/src/themes/antos_light/afx-tree-view.css b/src/themes/antos_light/afx-tree-view.css
index 50a6f7b..5d6d971 100644
--- a/src/themes/antos_light/afx-tree-view.css
+++ b/src/themes/antos_light/afx-tree-view.css
@@ -1,11 +1,3 @@
-afx-tree-view div{
- padding:3px;
-}
-
-afx-tree-view i.icon-style {
- width: 16px;
- height: 16px;
-}
afx-tree-view div.afx_tree_item_selected{
background-color: #116cd6;
color:white;
diff --git a/src/themes/antos_light/antos.css b/src/themes/antos_light/antos.css
index 3e9f397..6b14679 100644
--- a/src/themes/antos_light/antos.css
+++ b/src/themes/antos_light/antos.css
@@ -1,29 +1,16 @@
html,body{
font-family: "Ubuntu";
- font-size: 13px;
color:#414339;
}
-#workspace {
- top: 23px;
-}
-#desktop{
- top:0;
- left: 35px;
-}
#desktop > div > ul afx-list-item {
- width: 70px;
color: white;
- padding:3px;
}
#desktop > div > ul afx-list-item li.selected {
background-color: #116cd6;
- color:white;
border-radius: 6px;
- width: 70px;
color: white;
- padding:3px;
}
#desktop > div > ul afx-list-item i.file:before{
diff --git a/src/themes/system/afx-app-window.css b/src/themes/system/afx-app-window.css
index 16b24b8..49ed418 100644
--- a/src/themes/system/afx-app-window.css
+++ b/src/themes/system/afx-app-window.css
@@ -14,6 +14,9 @@ afx-app-window ul.afx-window-top{
padding: 0;
width: 100%;
padding:0;
+ display: flex;
+ flex-direction: row;
+ height: 40px;
}
afx-app-window ul.loading::before{
@@ -33,10 +36,12 @@ afx-app-window ul.loading::before {
afx-app-window ul.afx-window-top li{
list-style: none;
}
-
afx-app-window ul li.afx-window-title{
- float:none;
+ flex: 1;
overflow: hidden;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
}
afx-app-window div.afx-window-content
@@ -81,8 +86,31 @@ afx-app-window div.afx-window-overlay {
background-color: transparent;
display: none;
position: absolute;
- top: 0;
left: 0;
bottom: 5px;
right: 5px;
+ top: 42px;
+}
+
+afx-app-window div.afx-window-wrapper > afx-stack-menu.context {
+ top: 42px;
+ left: 5px;
+}
+
+afx-app-window ul.afx-window-top afx-button button{
+ width: 40px;
+ height: 40px;
+ font-size: 22px;
+ margin-bottom: 0;
+ padding:0px;
+ background-color: transparent;
+ border:0;
+ border-radius: 0;
+}
+afx-app-window ul.afx-window-top afx-button afx-label i.icon-style{
+ width: 24px;
+ height: 24px;
+ margin-left: 2px;
+ margin-bottom: 0px;
+ border:0;
}
\ No newline at end of file
diff --git a/src/themes/system/afx-button.css b/src/themes/system/afx-button.css
index 5b90996..59fd5c0 100644
--- a/src/themes/system/afx-button.css
+++ b/src/themes/system/afx-button.css
@@ -1,7 +1,17 @@
afx-button button{
outline: none;
+ min-height: 35px;
+ min-width: 40px;
+ padding-left: 5px;
+ padding-right: 5px;
}
afx-button i.icon-style {
float: left;
+}
+
+afx-button afx-label i.icon-style {
+ width: 24px;
+ height: 24px;
+ display: inline-block;
}
\ No newline at end of file
diff --git a/src/themes/system/afx-dock.css b/src/themes/system/afx-dock.css
index 89996db..bb06add 100644
--- a/src/themes/system/afx-dock.css
+++ b/src/themes/system/afx-dock.css
@@ -1,5 +1,22 @@
afx-apps-dock{
- float: left;
- position: absolute;
+ display: flex;
+ flex-direction: row;
overflow: hidden;
+}
+afx-apps-dock afx-button button{
+ width: 40px;
+ height: 35px;
+ font-size: 22px;
+ margin-bottom: 0;
+ padding:0px;
+ background-color: transparent;
+ border:0;
+ border-radius: 0;
+}
+afx-apps-dock afx-button afx-label i.icon-style{
+ width: 26px;
+ height: 26px;
+ margin-left: 2px;
+ margin-bottom: 0px;
+ border:0;
}
\ No newline at end of file
diff --git a/src/themes/system/afx-file-view.css b/src/themes/system/afx-file-view.css
index ebd839a..9e7f57c 100644
--- a/src/themes/system/afx-file-view.css
+++ b/src/themes/system/afx-file-view.css
@@ -39,6 +39,7 @@ afx-file-view afx-tree-view{
margin:0;
overflow: hidden;
background-color: transparent;
+ padding-left: 5px;
}
afx-file-view afx-tree-view .afx_tree_item_odd{
@@ -57,4 +58,47 @@ afx-file-view div.treecontainer{
overflow: auto;
padding:0;
margin:0;
+}
+
+afx-file-view afx-tree-view .afx-tree-view-folder-close:before{
+ font-size: 22px;
+}
+afx-file-view afx-tree-view .afx-tree-view-folder-open:before{
+ font-size: 22px;
+}
+
+afx-file-view afx-tree-view .afx-tree-view-item:before{
+ font-size: 22px;
+}
+
+afx-file-view afx-grid-view i.file:before{
+ font-size: 21px;
+ font-style: normal;
+ font-weight: normal;
+}
+afx-file-view afx-grid-view i.dir:before{
+ font-size: 22px;
+ font-style: normal;
+ font-weight: normal;
+}
+afx-file-view afx-tree-view li.itemname{
+ padding-left: 10px;
+ padding-right: 5px;
+}
+afx-file-view afx-label.status{
+ font-size: 13px;
+ height: 24px;
+ display: flex;
+ width: 100%;
+}
+
+afx-file-view afx-label.status span{
+ white-space: nowrap;
+ width: 100%;
+ text-align: right;
+}
+
+afx-file-view afx-label.status i.label-text
+{
+ padding-right: 5px;
}
\ No newline at end of file
diff --git a/src/themes/system/afx-grid-view.css b/src/themes/system/afx-grid-view.css
index f976e2d..669c5e3 100644
--- a/src/themes/system/afx-grid-view.css
+++ b/src/themes/system/afx-grid-view.css
@@ -2,6 +2,11 @@ afx-grid-view afx-grid-row afx-grid-cell{
user-select:none;
-webkit-user-select:none;
cursor:default;
+ min-height: 25px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ padding: 5px;
}
afx-grid-view .grid_row_header afx-grid-cell{
@@ -9,6 +14,11 @@ afx-grid-view .grid_row_header afx-grid-cell{
-webkit-user-select:none;
cursor:default;
font-weight: bold;
+ min-height: 25px;
+ display: flex;
+ padding: 5px;
+ flex-direction: column;
+ justify-content: center;
}
afx-grid-view {
@@ -16,5 +26,21 @@ afx-grid-view {
}
afx-grid-view afx-grid-cell afx-label {
- display: inline-block;
+ display: flex;
+}
+
+afx-grid-view .grid_row_header afx-grid-cell[sort = "asc"] span::before
+{
+ content: "\F574";
+ font-family: "bootstrap-icons";
+ font-weight: normal;
+ font-style: normal;
+}
+
+afx-grid-view .grid_row_header afx-grid-cell[sort = "desc"] span::before
+{
+ content: "\F57B";
+ font-family: "bootstrap-icons";
+ font-weight: normal;
+ font-style: normal;
}
\ No newline at end of file
diff --git a/src/themes/system/afx-label.css b/src/themes/system/afx-label.css
index cead7ed..d1bc879 100644
--- a/src/themes/system/afx-label.css
+++ b/src/themes/system/afx-label.css
@@ -5,6 +5,7 @@ afx-label span {
align-items: center;
justify-content: center;
flex-direction: row;
+ height: 100%;
}
afx-label i.label-text{
font-weight: normal;
diff --git a/src/themes/system/afx-list-view.css b/src/themes/system/afx-list-view.css
index 99f78c5..ed22f20 100644
--- a/src/themes/system/afx-list-view.css
+++ b/src/themes/system/afx-list-view.css
@@ -1,15 +1,20 @@
-afx-list-view{
+.afx-list-view{
overflow:hidden;
- display: block;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
}
-afx-list-view afx-list-item
+
+afx-list-view .afx-list-item
{
display: contents;
}
afx-list-view > div.list-container{
overflow: auto;
+ flex: 1;
}
+
afx-list-view > div.list-container > ul{
margin:0;
padding: 0;
@@ -17,12 +22,29 @@ afx-list-view > div.list-container > ul{
afx-list-view > div.list-container > ul li{
margin:0;
- padding:0;
+ min-height: 25px;
+ padding: 5px;
list-style: none;
position: relative;
-webkit-user-select:none;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
cursor:default;
}
+afx-list-view > div.list-container > ul afx-dbline-list-item li{
+ min-height: 40px;
+}
+.afx-list-view[dir='horizontal'] > div.list-container > ul
+{
+ display: flex;
+ flex-direction: row;
+ height: 100%;
+}
+
+afx-list-view > div.list-container > ul li > i {
+ margin-right: 3px;
+}
afx-list-view i.closable{
display: inline-block;
@@ -36,6 +58,7 @@ afx-list-view i.closable:before{
content: "\f00d";
font-family: "FontAwesome";
font-style: normal;
+ font-size: 16px;
}
afx-list-view.dropdown {
@@ -44,17 +67,43 @@ afx-list-view.dropdown {
}
afx-list-view.dropdown > div.list-container{
overflow: visible;
+ position: absolute;
}
+afx-list-view.dropdown > div.list-container > div
+{
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+}
+
afx-list-view.dropdown > div.list-container > ul{
overflow-y: auto;
overflow-x: hidden;
+ max-height: 200px;
+ z-index: 10;
+ position: absolute;
+ left: 0;
+ top: 100%;
}
afx-list-view.dropdown > div.list-container > ul li{
- display: inline-block;
width:100%;
}
-afx-list-view afx-list-item afx-label {
- display: inline-block;
+afx-list-view.dropdown div.list-container div:before {
+ content: "\f107";
+ font-family: "FontAwesome";
+ font-size: 16px;
+ font-style: normal;
+ position: absolute;
+ right: 5px;
}
+afx-list-view.dropdown div.list-container div > afx-label{
+ padding-left:3px;
+}
+afx-list-view div.button_container afx-button button
+{
+ min-width: 30px;
+ min-height: 30px;
+}
\ No newline at end of file
diff --git a/src/themes/system/afx-menu.css b/src/themes/system/afx-menu.css
index 8b09736..4d39809 100644
--- a/src/themes/system/afx-menu.css
+++ b/src/themes/system/afx-menu.css
@@ -85,4 +85,36 @@ afx-menu li.afx-corner-fix:hover{
}
afx-menu ul.context li{
clear:float;
+ min-width: 150px;
+ width: calc(100% - 10px);
+ }
+
+ afx-menu afx-switch span{
+ padding-top: 3px;
+ font-size: 16px;
+ height: 19px;
+}
+afx-menu span.shortcut{
+ text-align: right;
+ margin-left: 3px;
+ }
+ afx-menu ul li /*, afx-menu ul >afx-menu-entry > li*/{
+ padding-left: 5px;
+ padding-right: 5px;
+}
+afx-menu afx-menu li{
+ min-width: 150px;
+ width: calc(100% - 10px);
+}
+afx-menu afx-menu .afx_submenu:before, afx-menu ul.context .afx_submenu:before{
+ content: "\f054";
+ font-family: "FontAwesome";
+ font-size: 10px;
+ right:5px;
+ position:absolute;
+ top:25%;
+ }
+
+afx-menu afx-label span {
+ height: 22px !important;
}
\ No newline at end of file
diff --git a/src/themes/system/afx-nspinner.css b/src/themes/system/afx-nspinner.css
index 631591d..06596b9 100644
--- a/src/themes/system/afx-nspinner.css
+++ b/src/themes/system/afx-nspinner.css
@@ -6,25 +6,36 @@ afx-nspinner ul{
padding:0;
margin: 0;
list-style: none;
+ display: flex;
+ flex-direction: column;
+ width: 40px;
}
afx-nspinner input{
margin: 0;
+ height: 100%;
+ width: calc(100% - 40px);
+ flex: 1;
}
afx-nspinner ul li{
- display: block;
+ display: flex;
padding:0;
margin: 0;
+ flex: 1;
+ width: 100%;
+ align-items: center;
+ justify-content: center;
}
afx-nspinner ul li.incr i:before{
content: "\f0d8";
font-family: "FontAwesome";
font-style: normal;
+ font-size: 20px;
}
afx-nspinner ul li.decr i:before{
content: "\f0d7";
font-family: "FontAwesome";
font-style: normal;
-
+ font-size: 20px;
}
\ No newline at end of file
diff --git a/src/themes/system/afx-slider.css b/src/themes/system/afx-slider.css
index 727460b..1723a74 100644
--- a/src/themes/system/afx-slider.css
+++ b/src/themes/system/afx-slider.css
@@ -20,4 +20,5 @@ afx-slider div.progress {
afx-slider div.dragpoint {
display: block;
+ padding: 5px;
}
diff --git a/src/themes/system/afx-stack-menu.css b/src/themes/system/afx-stack-menu.css
new file mode 100644
index 0000000..fa254e3
--- /dev/null
+++ b/src/themes/system/afx-stack-menu.css
@@ -0,0 +1,51 @@
+afx-stack-menu {
+ display: flex;
+ flex-direction: column;
+ min-width: 200px;
+}
+
+afx-stack-menu .afx-list-view
+{
+ flex: 1;
+}
+afx-stack-menu > afx-button button
+{
+ width: 100%;
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
+afx-stack-menu > afx-button .label-text
+{
+ font-weight: bold;
+}
+afx-stack-menu.context
+{
+ position: absolute;
+ z-index: 1000000;
+}
+afx-stack-menu.context .afx-list-view > div.list-container
+{
+ overflow: unset;
+}
+afx-stack-menu-item div
+{
+ display: flex;
+ flex-direction: row;
+}
+
+afx-stack-menu-item afx-label {
+ flex: 1;
+ display: flex;
+}
+afx-stack-menu-item .shortcut
+{
+ margin-left: 10px;
+ font-size: 13px;
+}
+afx-stack-menu-item .afx-submenu:before
+{
+ content: "\f054";
+ font-family: "FontAwesome";
+ margin-left: 5px;
+}
\ No newline at end of file
diff --git a/src/themes/system/afx-sys-panel.css b/src/themes/system/afx-sys-panel.css
index 9cb8370..d3df655 100644
--- a/src/themes/system/afx-sys-panel.css
+++ b/src/themes/system/afx-sys-panel.css
@@ -2,17 +2,26 @@
afx-sys-panel{
padding:0;
margin: 0;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
}
afx-sys-panel > div{
width: 100%;
margin:0;
padding: 0;
- position:absolute;
+ display: flex;
+ flex-direction: row;
+ height: 35px;
}
afx-sys-panel afx-overlay
{
- width: 400px;
+ bottom: 35px;
+ overflow: hidden;
+ margin: 0;
+ left: 0;
+ right: 0;
}
afx-sys-panel > div.loading::before{
background-color: orangered;
@@ -24,7 +33,7 @@ afx-sys-panel > div.loading::before{
afx-sys-panel > div.loading::before {
right: 0;
- bottom:0;
+ top:0;
animation: sys-loading 1s linear infinite;
}
@@ -59,12 +68,10 @@ afx-sys-panel > div.loading::before {
afx-sys-panel .afx-panel-os-menu {
padding:0;
margin: 0;
- float:left;
margin-right: 5px;
}
afx-sys-panel .afx-panel-os-stray{
- float:right;
position: relative;
}
@@ -83,13 +90,6 @@ afx-sys-panel afx-menu.afx-panel-os-stray afx-menu afx-menu{
top:-4px;
}
-afx-sys-panel afx-overlay
-{
- overflow-y: auto;
- overflow-x: hidden;
- margin: 0;
-}
-
afx-sys-panel afx-hbox[data-id="btlist"] afx-button button
{
width: 100%;
@@ -98,8 +98,45 @@ afx-sys-panel afx-hbox[data-id="btlist"] afx-button button
border: 0px;
}
-afx-sys-panel afx-list-view[data-id="applist"] afx-label span,
-afx-sys-panel afx-list-view[data-id="catlist"] afx-label span
+afx-sys-panel afx-list-view[data-id="applist"] > div.list-container {
+ margin: 0 auto;
+}
+afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul
{
- white-space: nowrap;
+ display: flex;
+ flex-flow: row wrap;
+ justify-content: center;
+}
+afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li{
+ /*display: block;*/
+ width: 70px;
+ text-align: center;
+ font-size: 40px;
+ justify-content: normal !important;
+}
+
+afx-sys-panel afx-list-view[data-id="applist"] i{
+ display: block;
+ width: 100%;
+}
+
+
+afx-sys-panel afx-list-view[data-id="applist"] i.label-text{
+ word-break: break-word;
+ font-size: 14px;
+}
+afx-sys-panel afx-list-view[data-id="applist"] i.icon-style {
+ width: 40px;
+ height: 40px;
+}
+afx-sys-panel afx-list-view[data-id="applist"] afx-label span
+{
+ flex-direction: column;
+}
+afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li:hover {
+ background-color: transparent;
+}
+afx-sys-panel afx-list-view[data-id="applist"]> div.list-container > ul .afx-list-item:nth-child(even) li
+{
+ background-color: transparent;
}
\ No newline at end of file
diff --git a/src/themes/system/afx-tab-bar.css b/src/themes/system/afx-tab-bar.css
index 0969db9..4915960 100644
--- a/src/themes/system/afx-tab-bar.css
+++ b/src/themes/system/afx-tab-bar.css
@@ -7,12 +7,26 @@ afx-tab-bar afx-list-view {
padding:0;
margin:0;
}
-afx-tab-bar afx-list-view > div.list-container > ul afx-list-item:nth-child(even) li
+afx-tab-bar afx-list-view > div.list-container > ul .afx-list-item:nth-child(even) li,
+afx-tab-bar afx-list-view > div.list-container > ul li
{
background-color: transparent;
+
+ padding-left: 10px;
+ padding-right: 10px;
}
-
-afx-tab-bar afx-list-view > div.list-container > ul li{
- float:left;
+afx-tab-bar[dir="vertical"] afx-list-view > div.list-container
+{
+ overflow: hidden;
}
+
+afx-tab-bar[dir="horizontal"] afx-list-view > div.list-container
+{
+ overflow: hidden;
+}
+
+afx-tab-bar afx-list-view > div.list-container > ul li afx-label i.label-text
+{
+ white-space: nowrap;
+}
\ No newline at end of file
diff --git a/src/themes/system/afx-tree-view.css b/src/themes/system/afx-tree-view.css
index 37f1b63..5400cc8 100644
--- a/src/themes/system/afx-tree-view.css
+++ b/src/themes/system/afx-tree-view.css
@@ -15,6 +15,14 @@ afx-tree-view li{
list-style: none;
margin:0;
padding: 0;
+ min-height: 35px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+}
+afx-tree-view li.itemname
+{
+ padding-left: 10px;
}
afx-tree-view div{
-webkit-user-select:none;
@@ -28,8 +36,19 @@ afx-tree-view i.icon-style {
afx-tree-view .afx-tree-view-folder-open:before{
content: "\f147";
font-family: "FontAwesome";
+ font-size: 22px;
}
afx-tree-view .afx-tree-view-folder-close:before{
content: "\f196";
font-family: "FontAwesome";
+ font-size: 22px;
}
+afx-tree-view div{
+ padding-left:3px;
+ padding-right: 3px;
+}
+
+afx-tree-view i.icon-style {
+ width: 24px;
+ height: 24px;
+}
\ No newline at end of file
diff --git a/src/themes/system/antos.css b/src/themes/system/antos.css
index 3f747e8..e56e792 100644
--- a/src/themes/system/antos.css
+++ b/src/themes/system/antos.css
@@ -4,6 +4,16 @@ html,body{
width: 100%;
height: 100%;
overflow: hidden;
+ touch-action: none;
+ font-size: 14px;
+}
+#desktop > div > ul afx-list-item {
+ width: 70px;
+ padding:3px;
+}
+#desktop > div > ul afx-list-item li
+{
+ padding: 3px;
}
body
{
@@ -28,7 +38,8 @@ body
#workspace {
width: 100%;
position: absolute;
- bottom: 0;
+ top: 0;
+ bottom: 35px;
}
#desktop{
@@ -39,6 +50,9 @@ body
user-select:none;
cursor: default;
padding:0px;
+ overflow: hidden;
+ top:0;
+ left: 0;
}
#desktop > div > ul afx-list-item {
display:block;