holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Apply styles for fw header avatar stat

Browse Source
This commit is contained in:
Hadi Nategh 2019-06-04 15:38:02 +02:00
parent 1895eca0df
commit 534edde475
5 changed files with 158 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
pixelegg/css/mobile.css
View File

@ -4889,6 +4889,9 @@ td.message span.message {
#egw_fw_topmenu_info_items .topmenu_info_item:hover { #egw_fw_topmenu_info_items .topmenu_info_item:hover {
background-color: rgba(153, 204, 255, 0.4); background-color: rgba(153, 204, 255, 0.4);
} }
#egw_fw_topmenu_info_items #topmenu_info_user_avatar {
position: relative;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span { #egw_fw_topmenu_info_items #topmenu_info_user_avatar span {
height: 40px; height: 40px;
width: 40px; width: 40px;
@ -4902,6 +4905,35 @@ td.message span.message {
width: 40px; width: 40px;
pointer-events: none; pointer-events: none;
} }
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 {
width: 14px;
height: 14px;
position: absolute;
left: 0px;
bottom: 0px;
border-radius: 50%;
z-index: 100000;
background-size: 14px;
background-repeat: no-repeat;
color: #2d2b2b;
font-weight: bold;
text-align: center;
font-size: 10px;
line-height: 14px;
border: 2px solid #fbfbfb;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.online {
background-color: #2de0a5;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.offline {
background-color: #cbced1;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.away {
background-color: #ffd21f;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.busy {
background-color: #f5455c;
}
#egw_fw_topmenu_info_items #topmenu_info_logout { #egw_fw_topmenu_info_items #topmenu_info_logout {
background-image: url(../images/logout.svg); background-image: url(../images/logout.svg);
} }

32
pixelegg/css/monochrome.css
View File

@ -4878,6 +4878,9 @@ td.message span.message {
#egw_fw_topmenu_info_items .topmenu_info_item:hover { #egw_fw_topmenu_info_items .topmenu_info_item:hover {
background-color: rgba(153, 204, 255, 0.4); background-color: rgba(153, 204, 255, 0.4);
} }
#egw_fw_topmenu_info_items #topmenu_info_user_avatar {
position: relative;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span { #egw_fw_topmenu_info_items #topmenu_info_user_avatar span {
height: 40px; height: 40px;
width: 40px; width: 40px;
@ -4891,6 +4894,35 @@ td.message span.message {
width: 40px; width: 40px;
pointer-events: none; pointer-events: none;
} }
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 {
width: 14px;
height: 14px;
position: absolute;
left: 0px;
bottom: 0px;
border-radius: 50%;
z-index: 100000;
background-size: 14px;
background-repeat: no-repeat;
color: #2d2b2b;
font-weight: bold;
text-align: center;
font-size: 10px;
line-height: 14px;
border: 2px solid #fbfbfb;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.online {
background-color: #2de0a5;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.offline {
background-color: #cbced1;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.away {
background-color: #ffd21f;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.busy {
background-color: #f5455c;
}
#egw_fw_topmenu_info_items #topmenu_info_logout { #egw_fw_topmenu_info_items #topmenu_info_logout {
background-image: url(../images/logout.svg); background-image: url(../images/logout.svg);
} }

32
pixelegg/css/pixelegg.css
View File

@ -4889,6 +4889,9 @@ td.message span.message {
#egw_fw_topmenu_info_items .topmenu_info_item:hover { #egw_fw_topmenu_info_items .topmenu_info_item:hover {
background-color: rgba(153, 204, 255, 0.4); background-color: rgba(153, 204, 255, 0.4);
} }
#egw_fw_topmenu_info_items #topmenu_info_user_avatar {
position: relative;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span { #egw_fw_topmenu_info_items #topmenu_info_user_avatar span {
height: 40px; height: 40px;
width: 40px; width: 40px;
@ -4902,6 +4905,35 @@ td.message span.message {
width: 40px; width: 40px;
pointer-events: none; pointer-events: none;
} }
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 {
width: 14px;
height: 14px;
position: absolute;
left: 0px;
bottom: 0px;
border-radius: 50%;
z-index: 100000;
background-size: 14px;
background-repeat: no-repeat;
color: #2d2b2b;
font-weight: bold;
text-align: center;
font-size: 10px;
line-height: 14px;
border: 2px solid #fbfbfb;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.online {
background-color: #2de0a5;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.offline {
background-color: #cbced1;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.away {
background-color: #ffd21f;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.busy {
background-color: #f5455c;
}
#egw_fw_topmenu_info_items #topmenu_info_logout { #egw_fw_topmenu_info_items #topmenu_info_logout {
background-image: url(../images/logout.svg); background-image: url(../images/logout.svg);
} }

30
pixelegg/less/layout_raster_buttons.less
View File

@ -42,6 +42,7 @@
} }
} }
#topmenu_info_user_avatar { #topmenu_info_user_avatar {
position: relative;
span { span {
height: 40px; height: 40px;
width: 40px; width: 40px;
@ -54,6 +55,35 @@
width: 40px; width: 40px;
pointer-events: none; pointer-events: none;
} }
span.stat1 {
width: 14px;
height: 14px;
position: absolute;
left: 0px;
bottom: 0px;
border-radius: 50%;
z-index: 100000;
background-size: 14px;
background-repeat: no-repeat;
color: #2d2b2b;
font-weight: bold;
text-align: center;
font-size: 10px;
line-height: 14px;
border: 2px solid #fbfbfb;
}
span.online {
background-color: #2de0a5;
}
span.offline {
background-color: #cbced1;
}
span.away {
background-color: #ffd21f;
}
span.busy {
background-color: #f5455c;
}
} }
} }

32
pixelegg/mobile/fw_mobile.css
View File

@ -4900,6 +4900,9 @@ td.message span.message {
#egw_fw_topmenu_info_items .topmenu_info_item:hover { #egw_fw_topmenu_info_items .topmenu_info_item:hover {
background-color: rgba(153, 204, 255, 0.4); background-color: rgba(153, 204, 255, 0.4);
} }
#egw_fw_topmenu_info_items #topmenu_info_user_avatar {
position: relative;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span { #egw_fw_topmenu_info_items #topmenu_info_user_avatar span {
height: 40px; height: 40px;
width: 40px; width: 40px;
@ -4913,6 +4916,35 @@ td.message span.message {
width: 40px; width: 40px;
pointer-events: none; pointer-events: none;
} }
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 {
width: 14px;
height: 14px;
position: absolute;
left: 0px;
bottom: 0px;
border-radius: 50%;
z-index: 100000;
background-size: 14px;
background-repeat: no-repeat;
color: #2d2b2b;
font-weight: bold;
text-align: center;
font-size: 10px;
line-height: 14px;
border: 2px solid #fbfbfb;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.online {
background-color: #2de0a5;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.offline {
background-color: #cbced1;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.away {
background-color: #ffd21f;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.busy {
background-color: #f5455c;
}
#egw_fw_topmenu_info_items #topmenu_info_logout { #egw_fw_topmenu_info_items #topmenu_info_logout {
background-image: url(../images/logout.svg); background-image: url(../images/logout.svg);
} }