mirror of
https://github.com/lxsang/antos-frontend.git
synced 2025-07-13 05:04:22 +02:00
Add input tag and update all base dialogs to support mobile devices
This commit is contained in:
@ -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
|
||||
{
|
||||
|
20
src/themes/antos_dark/afx-input.css
Normal file
20
src/themes/antos_dark/afx-input.css
Normal 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;
|
||||
}
|
@ -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 {
|
||||
|
@ -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;
|
||||
|
20
src/themes/antos_light/afx-input.css
Normal file
20
src/themes/antos_light/afx-input.css
Normal 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;
|
||||
}
|
@ -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;
|
||||
|
@ -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;
|
||||
}
|
29
src/themes/system/afx-input.css
Normal file
29
src/themes/system/afx-input.css
Normal 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;
|
||||
}
|
@ -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;
|
||||
|
Reference in New Issue
Block a user