Style status select options inside the avatar menu

This commit is contained in:
Hadi Nategh 2019-06-12 12:41:55 +02:00
parent f11a6eb58d
commit cd694a16a7
6 changed files with 205 additions and 1 deletions

View File

@ -3961,6 +3961,41 @@ td.message span.message {
z-index: 1000;
top: 45px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select,
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn {
width: 50% !important;
margin-left: 10px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn a.chzn-single span {
padding-top: 0px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result {
color: #000000;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result:hover {
color: #000000;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result span:before {
content: ' ';
width: 12px;
height: 12px;
display: inline-block;
border-radius: 50%;
margin-right: 4px;
vertical-align: text-bottom;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="0"] span:before {
background: #2de0a5;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="1"] span:before {
background: #ffd21f;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="2"] span:before {
background: #f5455c;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="3"] span:before {
background: #cbced1;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul {
width: 100%;
padding: 0px;
@ -4903,6 +4938,9 @@ td.message span.message {
width: 40px;
pointer-events: none;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.fw_avatar_stat {
position: absolute;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 {
width: 14px;
height: 14px;

View File

@ -3950,6 +3950,41 @@ td.message span.message {
z-index: 1000;
top: 45px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select,
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn {
width: 50% !important;
margin-left: 10px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn a.chzn-single span {
padding-top: 0px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result {
color: #000000;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result:hover {
color: #000000;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result span:before {
content: ' ';
width: 12px;
height: 12px;
display: inline-block;
border-radius: 50%;
margin-right: 4px;
vertical-align: text-bottom;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="0"] span:before {
background: #2de0a5;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="1"] span:before {
background: #ffd21f;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="2"] span:before {
background: #f5455c;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="3"] span:before {
background: #cbced1;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul {
width: 100%;
padding: 0px;
@ -4892,6 +4927,9 @@ td.message span.message {
width: 40px;
pointer-events: none;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.fw_avatar_stat {
position: absolute;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 {
width: 14px;
height: 14px;

View File

@ -3961,6 +3961,41 @@ td.message span.message {
z-index: 1000;
top: 45px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select,
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn {
width: 50% !important;
margin-left: 10px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn a.chzn-single span {
padding-top: 0px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result {
color: #000000;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result:hover {
color: #000000;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result span:before {
content: ' ';
width: 12px;
height: 12px;
display: inline-block;
border-radius: 50%;
margin-right: 4px;
vertical-align: text-bottom;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="0"] span:before {
background: #2de0a5;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="1"] span:before {
background: #ffd21f;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="2"] span:before {
background: #f5455c;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="3"] span:before {
background: #cbced1;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul {
width: 100%;
padding: 0px;
@ -4903,6 +4938,9 @@ td.message span.message {
width: 40px;
pointer-events: none;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.fw_avatar_stat {
position: absolute;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 {
width: 14px;
height: 14px;

View File

@ -54,6 +54,9 @@
width: 40px;
pointer-events: none;
}
span.fw_avatar_stat {
position: absolute;
}
span.stat1 {
width: 14px;
height: 14px;

View File

@ -103,7 +103,56 @@
height: auto;
z-index: 1000;
top: 45px;
#rc_status_select, #rc_status_select_chzn {
width: 50% !important;
margin-left: 10px;
}
#rc_status_select_chzn {
a.chzn-single span {padding-top: 0px;}
li.active-result {
color:#000000;
&:hover { color: #000000}
span {
&:before {
content: ' ';
width: 12px;
height: 12px;
display: inline-block;
border-radius: 50%;
margin-right: 4px;
vertical-align: text-bottom;
}
}
}
[data-option-array-index="0"] {
span {
&:before {
background: #2de0a5;
}
}
}
[data-option-array-index="1"] {
span {
&:before {
background: #ffd21f;
}
}
}
[data-option-array-index="2"] {
span {
&:before {
background: #f5455c;
}
}
}
[data-option-array-index="3"] {
span {
&:before {
background: #cbced1;
}
}
}
}
ul {
width: 100%;
padding: 0px;

View File

@ -3972,6 +3972,41 @@ td.message span.message {
z-index: 1000;
top: 45px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select,
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn {
width: 50% !important;
margin-left: 10px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn a.chzn-single span {
padding-top: 0px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result {
color: #000000;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result:hover {
color: #000000;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result span:before {
content: ' ';
width: 12px;
height: 12px;
display: inline-block;
border-radius: 50%;
margin-right: 4px;
vertical-align: text-bottom;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="0"] span:before {
background: #2de0a5;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="1"] span:before {
background: #ffd21f;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="2"] span:before {
background: #f5455c;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="3"] span:before {
background: #cbced1;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul {
width: 100%;
padding: 0px;
@ -4914,6 +4949,9 @@ td.message span.message {
width: 40px;
pointer-events: none;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.fw_avatar_stat {
position: absolute;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 {
width: 14px;
height: 14px;