Add input tag and update all base dialogs to support mobile devices

This commit is contained in:
DanyLE
2022-12-09 18:20:31 +01:00
committed by Dany LE
parent 1a6ece4e7c
commit 2e887851c5
18 changed files with 725 additions and 315 deletions

View File

@ -1,44 +1,11 @@
afx-calendar-view div{
text-align: center;
}
afx-calendar-view > div {
afx-calendar-view > div afx-label i{
font-weight: bold;
}
afx-calendar-view i.prevmonth, afx-calendar-view i.nextmonth{
display: inline-block;
width: 16px;
height: 16px;
cursor: pointer;
}
afx-calendar-view i.prevmonth{
margin-right: 20px;
}
afx-calendar-view i.nextmonth{
margin-left: 20px;
}
afx-calendar-view i.prevmonth:before{
content: "\f104";
font-family: "FontAwesome";
font-size: 16px;
font-style: normal;
/*position:absolute;
top:25%;
right:5px;*/
}
afx-calendar-view i.nextmonth:before{
content: "\f105";
font-family: "FontAwesome";
font-size: 16px;
font-style: normal;
margin-left: 20px;
/*position:absolute;
top:25%;
right:5px;*/
}
afx-calendar-view afx-grid-view afx-grid-row.afx-grid-row-selected afx-grid-cell
{

View File

@ -0,0 +1,20 @@
afx-input afx-label
{
font-size: 13px;
color: #bb86fc;
background-color: #464646;
}
afx-input input,
afx-input textarea
{
border-radius: 0;
border: 0;
border-bottom: 1px solid #262626;
background-color: #464646;
}
afx-input input:focus,
afx-input textarea:focus
{
border-bottom: 1px solid #bb86fc;
}

View File

@ -1,5 +1,4 @@
html,body{
font-family: "Ubuntu";
color: white;
}
#desktop > div > ul afx-list-item {
@ -44,14 +43,11 @@ html,body{
input {
outline: none;
padding: 2px;
height:23px;
border: 1px solid #262626;
background-color:#464646;
color: white;
border-radius: 3px;
box-sizing: border-box;
font-family: "Ubuntu";
font-size: 13px;
}
textarea {

View File

@ -1,49 +1,11 @@
afx-calendar-view div{
text-align: center;
}
afx-calendar-view > div {
afx-calendar-view > div afx-label i{
font-weight: bold;
}
afx-calendar-view i.prevmonth, afx-calendar-view i.nextmonth{
display: inline-block;
width: 16px;
height: 16px;
cursor: pointer;
}
afx-calendar-view i.prevmonth{
margin-right: 20px;
}
afx-calendar-view i.nextmonth{
margin-left: 20px;
}
afx-calendar-view i.prevmonth:before{
content: "\f104";
font-family: "FontAwesome";
font-size: 16px;
font-style: normal;
/*position:absolute;
top:25%;
right:5px;*/
}
afx-calendar-view i.nextmonth:before{
content: "\f105";
font-family: "FontAwesome";
font-size: 16px;
font-style: normal;
margin-left: 20px;
/*position:absolute;
top:25%;
right:5px;*/
}
/*
afx-calendar-view afx-grid-view afx-grid-row.selected{
background-color: white;
color:#414339;
}*/
afx-calendar-view afx-grid-view afx-grid-row.afx-grid-row-selected afx-grid-cell
{
background-color: transparent;

View File

@ -0,0 +1,20 @@
afx-input afx-label
{
font-size: 13px;
color: #116cd6;
background-color: #f6f6f6;
}
afx-input input,
afx-input textarea
{
border-radius: 0;
border: 0;
border-bottom: 1px solid #a6a6a6;
background-color: #f6f6f6;
}
afx-input input:focus,
afx-input textarea:focus
{
border-bottom: 1px solid #116cd6;
}

View File

@ -1,5 +1,4 @@
html,body{
font-family: "Ubuntu";
color:#414339;
}
@ -45,14 +44,11 @@ html,body{
input {
outline: none;
padding: 2px;
height:23px;
border: 1px solid #a6a6a6;
background-color: #f6F6F6;
color: #414339;
border-radius: 5px;
box-sizing: border-box;
font-family: "Ubuntu";
font-size: 13px;
}
textarea {
color: #414339;

View File

@ -6,5 +6,15 @@ afx-calendar-view afx-grid-view .grid_row_header afx-grid-cell{
border-right: 0;
}
afx-calendar-view afx-label {
display: inline-block;
flex-direction: row;
justify-content: center;
}
afx-calendar-view > div {
display: flex;
flex-direction: row;
}
afx-calendar-view > div > afx-label
{
flex:1;
}

View File

@ -0,0 +1,29 @@
afx-input {
display: flex;
flex-direction: column;
}
afx-input textarea
{
flex: 1;
padding-left: 5px;
padding-right: 5px;
}
afx-input > div
{
flex: 1;
}
afx-input[verbose] > div {
flex: none;
height: 0;
}
afx-input input{
height: 30px;
padding-left: 5px;
padding-right: 5px;
}
afx-input afx-label
{
padding-left: 3px;
padding-top: 5px;
}

View File

@ -6,6 +6,7 @@ html,body{
overflow: hidden;
touch-action: none;
font-size: 14px;
font-family: "Ubuntu";
}
#desktop > div > ul afx-list-item {
width: 70px;
@ -73,6 +74,16 @@ body
#systooltip {
z-index: 1000000;
}
input {
font-size: 14px;
height: 35px;
font-family: "Ubuntu";
}
textarea {
font-family: "Ubuntu";
font-size: 14px;
}
#login_form{
width:300px;