dany/antos-frontend
1
0
Fork 0
mirror of https://github.com/lxsang/antos-frontend.git synced 2025-07-13 05:04:22 +02:00
Code Issues 1 Actions Projects Releases Wiki Activity

Add stack panel component + redesign MarketPlace UI

Browse Source 
- Continue improve UI elements
- Add stack panel UI tag
- Redesign MarketPlace UI to support mobile device
This commit is contained in:
DanyLE
2022-12-09 13:17:35 +01:00
committed by Dany LE
parent d5d6a16a85
commit 1a6ece4e7c
18 changed files with 332 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/themes/antos_dark/afx-list-view.css
View File

@ -23,11 +23,13 @@ afx-list-view.dropdown > div.list-container > ul{
background-color: #363636;
border-top-left-radius: 0px;
}
afx-list-view.dropdown {
color: white;
afx-list-view.dropdown div.list-container > div > afx-label
{
border:1px solid #262626;
border-radius: 3px;
}
afx-list-view.dropdown {
color: white;
background-color: transparent;
}
@ -51,7 +53,7 @@ afx-list-view div.button_container afx-button{
afx-list-view div.button_container afx-button button{
border-radius: 0;
}
afx-list-view .afx-list-item li afx-label.description i.label-text
afx-list-view .afx-list-item li afx-label.description
{
font-size: 13px;
padding-left: 10px;

4
src/themes/antos_dark/afx-tab-bar.css
View File

@ -3,12 +3,12 @@ afx-tab-bar[dir="horizontal"] afx-list-view > div.list-container > ul > afx-list
{
background-color: #464646;
color:white;
border-bottom:1px solid #262626;
border-bottom:2px solid #116cd6; /* #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;
border-right:2px solid #116cd6; /* #262626;*/
}

3
src/themes/antos_light/afx-dock.css
View File

@ -12,5 +12,6 @@ afx-apps-dock{
afx-apps-dock afx-button.selected > button {
background-color: #2786F3;
color: white;
border: 1px solid #dedede;
/* border: 1px solid #dedede;*/
}

5
src/themes/antos_light/afx-list-view.css
View File

@ -27,9 +27,12 @@ afx-list-view.dropdown > div.list-container > ul{
afx-list-view.dropdown{
color: #414339;
background-color: transparent;
}
afx-list-view.dropdown div.list-container > div > afx-label
{
border:1px solid #a6a6a6;
border-radius: 3px;
background-color: transparent;
}
afx-list-view ul.complex-content{
padding: 0;

16
src/themes/antos_light/afx-tab-bar.css
View File

@ -1,14 +1,18 @@
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;
/*background-color: #116cd6;
color:white;*/
background-color: #f5F5F5;
color: unset;
border-bottom:2px solid #116cd6; /* #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;
/*background-color: #116cd6;
color:white;*/
background-color: #f5F5F5;
color: unset;
border-right:2px solid #116cd6; /* #c3c3c3;*/
}

10
src/themes/system/afx-app-window.css
View File

@ -44,6 +44,16 @@ afx-app-window ul li.afx-window-title{
justify-content: center;
}
afx-app-window ul li.afx-window-title afx-label span
{
justify-content: flex-start;
}
afx-app-window ul li.afx-window-title afx-label i.label-text
{
white-space: nowrap;
}
afx-app-window div.afx-window-content
{
overflow: hidden;

4
src/themes/system/afx-button.css
View File

@ -2,8 +2,8 @@ afx-button button{
outline: none;
min-height: 35px;
min-width: 40px;
padding-left: 5px;
padding-right: 5px;
padding-left: 10px;
padding-right: 10px;
}
afx-button i.icon-style {

5
src/themes/system/afx-label.css
View File

@ -8,7 +8,10 @@ afx-label span {
height: 100%;
}
afx-label i.label-text{
margin-left: 3px;
}
afx-label i{
font-weight: normal;
font-style: normal;
margin-left: 3px;
}

13
src/themes/system/afx-list-view.css
View File

@ -99,11 +99,22 @@ afx-list-view.dropdown div.list-container div:before {
position: absolute;
right: 5px;
}
afx-list-view.dropdown div.list-container div > afx-label{
afx-list-view.dropdown div.list-container > div > afx-label{
padding-left:3px;
padding-right: 25px;
height: 100%;
}
afx-list-view.dropdown div.list-container > div > afx-label span
{
justify-content: flex-start;
white-space: nowrap;
overflow: hidden;
}
afx-list-view div.button_container afx-button button
{
min-width: 30px;
min-height: 30px;
padding-left: 5px;
padding-right: 5px;
}

4
src/themes/system/afx-sys-panel.css
View File

@ -109,10 +109,10 @@ afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul
}
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li{
/*display: block;*/
width: 70px;
width: 90px;
text-align: center;
font-size: 40px;
justify-content: normal !important;
/*justify-content: normal !important;*/
}
afx-sys-panel afx-list-view[data-id="applist"] i{