bitPickups/friendica_2020-09-1_sharedHosting
1
0
Fork 0
Code Pull requests Activity

[frio] Improve Group Editing (#5349)

Browse source 
* Improve group-editing and edit-navigation.

Use icons next to groups and header for navigation to editing groups and adding new groups.
Also use icon from group-sidebar for editing groups.

* Unify look&feel of contact search bars.

* Remove nogroup page and replace with /group/none.

* Make sure proper items are selected in aside.

* Use icon instead of link for 'View Contacs' on profile page.

* Fix none-working /group/none.

* Fix highlighting for everyone in group aside.
This commit is contained in:
Andreas Neustifter 2018-07-10 00:36:50 +02:00 • committed by Hypolite Petovan
commit 32ef5623ab
16 changed files with 180 additions and 177 deletions
Download patch file Download diff file Expand all files Collapse all files

28
view/theme/frio/css/style.css
View file

@ -1021,7 +1021,7 @@ aside .widget li,
padding-top: 2px;
padding-bottom: 2px;
padding-left: 20px;
padding-right: 20px;
padding-right: 10px;
}
aside .widget li:hover,
aside .widget li.selected,
@ -1220,13 +1220,29 @@ aside #follow-sidebar .form-group-search .form-button-search {
padding: 2px 8px;
}
div#sidebar-group-header h3 {
float: left;
}
div#sidebar-group-list {
clear: both;
}
.group-new-form {
clear: both;
}
.group-edit-tool {
color: #555;
}
aside #group-sidebar .group-edit-tool,
aside #saved-search-list .savedsearchdrop {
opacity: 0.1;
transition: all 0.25s ease-in-out;
}
aside #group-sidebar .sidebar-group-li:hover .group-edit-tool,
aside #group-sidebar .group-edit-tool:hover,
aside #saved-search-list .saved-search-li:hover .savedsearchdrop {
color: #555;
opacity: 0.8;
transition: all 0.25s ease-in-out;
}
@ -2308,7 +2324,7 @@ ul li:hover .contact-wrapper .contact-action-link:hover {
/* group edit page */
.group-actions {
margin-top: 20px;
margin-top: 4px;
margin-bottom: 10px;
font-size: 30px;
}
@ -2321,8 +2337,12 @@ ul li:hover .contact-wrapper .contact-action-link:hover {
.contact-group-actions .fa-plus-circle { color: #008000;}
#group-edit-wrapper {
margin-top: 14px;
display: none;
}
#group-edit-header {
display: block;
}
#group-update-wrapper .contact-photo-overlay {
display: none;
}
@ -2331,7 +2351,7 @@ ul li:hover .contact-wrapper .contact-action-link:hover {
margin-top: -10px;
display: flex;
}
#group-update-wrapper .viewcontact_wrapper .contact-action-link {
#group-update-wrapper .viewcontact_wrapper .contact-group-link {
opacity: 0.8;
font-size: 20px;
line-height: 50px;