Fix some glitches in mobile template:

- Cancel button not being shown for loading popup dialog
- Entry id not being aligned
This commit is contained in:
Hadi Nategh 2022-10-12 11:00:40 +02:00
parent 24a1dfbc2e
commit f700b5b747
4 changed files with 24 additions and 24 deletions

View File

@ -4562,7 +4562,7 @@ span.overlayContainer img.overlay {
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover {
background-color: rgba(153, 204, 255, 0.4); background-color: rgba(153, 204, 255, 0.4);
padding-bottom: 0px; padding-bottom: 0px;
padding-top: 7px; border-top: 7px solid transparent;
transition: none; transition: none;
width: -webkit-fill-available; width: -webkit-fill-available;
width: -moz-available; width: -moz-available;
@ -4601,6 +4601,9 @@ span.overlayContainer img.overlay {
border-right: 1px solid #bfc0bf; border-right: 1px solid #bfc0bf;
border-bottom: 4px solid white !important; border-bottom: 4px solid white !important;
border-top: 4px solid transparent; border-top: 4px solid transparent;
width: -webkit-fill-available;
width: -moz-available;
max-width: fit-content !important;
background-color: #ffffff; background-color: #ffffff;
background-image: none !important; background-image: none !important;
} }
@ -7152,8 +7155,7 @@ img.et2_button_icon[src*="svg"]:hover {
width: 50px; width: 50px;
height: 50px; height: 50px;
float: left; float: left;
background-image: url('../../api/templates/default/images/cancelled.png'); background-image: url('../../api/templates/default/images/cancelled.svg');
/*url(../../api/templates/default/images/topmenu_items/mobile/menu_active.png);*/
-webkit-filter: contrast(2); -webkit-filter: contrast(2);
background-repeat: no-repeat; background-repeat: no-repeat;
z-index: 1000; z-index: 1000;
@ -7181,7 +7183,7 @@ img.et2_button_icon[src*="svg"]:hover {
margin-left: 60px; margin-left: 60px;
} }
body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout a#topmenu_logout { body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout a#topmenu_logout {
background-image: url(../../api/templates/default/images/logout.png); background-image: url(../../api/templates/default/images/logout.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
width: 50px; width: 50px;
height: 50px; height: 50px;
@ -7229,7 +7231,7 @@ img.et2_button_icon[src*="svg"]:hover {
box-shadow: none; box-shadow: none;
} }
body #egw_fw_basecontainer div#egw_fw_menu { body #egw_fw_basecontainer div#egw_fw_menu {
background-image: url(../../api/templates/default/images/topmenu_items/mobile/menu_active.png); background-image: url(../../api/templates/default/images/topmenu_items/mobile/menu_active.svg);
cursor: pointer; cursor: pointer;
position: fixed; position: fixed;
width: 50px; width: 50px;

View File

@ -93,7 +93,7 @@
width: 50px; width: 50px;
height: 50px; height: 50px;
float:left; float:left;
background-image: url('../../api/templates/default/images/cancelled.png');/*url(../../api/templates/default/images/topmenu_items/mobile/menu_active.png);*/ background-image: url('../../api/templates/default/images/cancelled.svg');
-webkit-filter: contrast(2); -webkit-filter: contrast(2);
background-repeat: no-repeat; background-repeat: no-repeat;
z-index: 1000; z-index: 1000;
@ -127,7 +127,7 @@
display:inline-block; display:inline-block;
margin-left:60px; margin-left:60px;
a#topmenu_logout{ a#topmenu_logout{
background-image: url(../../api/templates/default/images/logout.png); background-image: url(../../api/templates/default/images/logout.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
width: 50px; width: 50px;
height: 50px; height: 50px;
@ -183,7 +183,7 @@
//FW Menu //FW Menu
div#egw_fw_menu{ div#egw_fw_menu{
background-image: url(../../api/templates/default/images/topmenu_items/mobile/menu_active.png); background-image: url(../../api/templates/default/images/topmenu_items/mobile/menu_active.svg);
cursor: pointer; cursor: pointer;
position: fixed; position: fixed;
width: 50px; width: 50px;

View File

@ -4573,7 +4573,7 @@ span.overlayContainer img.overlay {
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover {
background-color: rgba(153, 204, 255, 0.4); background-color: rgba(153, 204, 255, 0.4);
padding-bottom: 0px; padding-bottom: 0px;
padding-top: 7px; border-top: 7px solid transparent;
transition: none; transition: none;
width: -webkit-fill-available; width: -webkit-fill-available;
width: -moz-available; width: -moz-available;
@ -4612,6 +4612,9 @@ span.overlayContainer img.overlay {
border-right: 1px solid #bfc0bf; border-right: 1px solid #bfc0bf;
border-bottom: 4px solid white !important; border-bottom: 4px solid white !important;
border-top: 4px solid transparent; border-top: 4px solid transparent;
width: -webkit-fill-available;
width: -moz-available;
max-width: fit-content !important;
background-color: #ffffff; background-color: #ffffff;
background-image: none !important; background-image: none !important;
} }
@ -6960,8 +6963,7 @@ img.et2_button_icon[src*="svg"]:hover {
width: 50px; width: 50px;
height: 50px; height: 50px;
float: left; float: left;
background-image: url('../../api/templates/default/images/cancelled.png'); background-image: url('../../api/templates/default/images/cancelled.svg');
/*url(../../api/templates/default/images/topmenu_items/mobile/menu_active.png);*/
-webkit-filter: contrast(2); -webkit-filter: contrast(2);
background-repeat: no-repeat; background-repeat: no-repeat;
z-index: 1000; z-index: 1000;
@ -6989,7 +6991,7 @@ img.et2_button_icon[src*="svg"]:hover {
margin-left: 60px; margin-left: 60px;
} }
body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout a#topmenu_logout { body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout a#topmenu_logout {
background-image: url(../../api/templates/default/images/logout.png); background-image: url(../../api/templates/default/images/logout.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
width: 50px; width: 50px;
height: 50px; height: 50px;
@ -7037,7 +7039,7 @@ img.et2_button_icon[src*="svg"]:hover {
box-shadow: none; box-shadow: none;
} }
body #egw_fw_basecontainer div#egw_fw_menu { body #egw_fw_basecontainer div#egw_fw_menu {
background-image: url(../../api/templates/default/images/topmenu_items/mobile/menu_active.png); background-image: url(../../api/templates/default/images/topmenu_items/mobile/menu_active.svg);
cursor: pointer; cursor: pointer;
position: fixed; position: fixed;
width: 50px; width: 50px;
@ -9318,15 +9320,13 @@ table.egwGridView_grid img.et2_appicon {
body .entry_id { body .entry_id {
position: absolute; position: absolute;
right: 10px; right: 10px;
top: 15px; top: 6px;
}
body .entry_id::before {
content: "#";
color: white; color: white;
font-size: 12pt; font-size: 12pt;
font-weight: bold; font-weight: bold;
} }
body .entry_id span { body .entry_id::before {
content: "#";
color: white; color: white;
font-size: 12pt; font-size: 12pt;
font-weight: bold; font-weight: bold;

View File

@ -1602,18 +1602,16 @@
.entry_id { .entry_id {
position: absolute; position: absolute;
right: 10px; right: 10px;
top: 15px; top: 6px;
color: white;
.mob-fontsize-l;
font-weight: bold;
&::before { &::before {
content: "#"; content: "#";
color: white; color: white;
.mob-fontsize-l; .mob-fontsize-l;
font-weight: bold; font-weight: bold;
} }
span {
color: white;
.mob-fontsize-l;
font-weight: bold;
}
} }
select#rc_status_select { select#rc_status_select {
width: 100%; width: 100%;