haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
jiti-meet/css/_contact_list.scss

77 lines
1.5 KiB
SCSS
Raw Normal View History

Rename side panels and implement toggle/untoggle policy
2016-09-08 22:34:16 +00:00
#contacts_container {
Set up SASS and change base font
2016-09-02 09:53:22 +00:00
cursor: default;
feat(contact-list): convert to react - Remove references to the model ContactList. - Replace ContactListView with an empty element for attaching the React Component ContactListPanel, which has the same features as the old ContactListView. - Create new selector for getting non-fake participants for ContactListPanel's props. - Create a ParticipantCounter component to place in the contact list button. Previously ContactListView updated that but now it's a react component hooked into the participant state. - Remove pub/sub that was used only by ContactListView.
2017-08-30 23:17:55 +00:00
/**
* Override generic side toolbar styles to compensate for AtlasKit Button
* being used instead of custom button styling.
*/
.sideToolbarBlock {
.contact-list-panel-invite-button {
font-size: $modalButtonFontSize;
justify-content: center;
margin: 9px 0;
}
}
#contacts {
Some css adjustments to settings and contact list.
2016-09-20 06:14:00 +00:00
font-size: 12px;
Set up SASS and change base font
2016-09-02 09:53:22 +00:00
bottom: 0px;
Dialogs re-design, invite and password modifications
2016-10-12 00:08:24 +00:00
margin: 0;
work on colors
2016-11-10 16:48:34 +00:00
margin-top: 12px;
Set up SASS and change base font
2016-09-02 09:53:22 +00:00
padding: 0px;
Some css adjustments to settings and contact list.
2016-09-20 06:14:00 +00:00
width: 100%;
Set up SASS and change base font
2016-09-02 09:53:22 +00:00
}
.clickable {
cursor: pointer;
}
Adjusted CSS for side toolbar elements
2016-10-19 17:34:20 +00:00
.icon-security,
.icon-security-locked {
font-size: 16px;
}
Set up SASS and change base font
2016-09-02 09:53:22 +00:00
}
#contacts {
feat(contact-list): convert to react - Remove references to the model ContactList. - Replace ContactListView with an empty element for attaching the React Component ContactListPanel, which has the same features as the old ContactListView. - Create new selector for getting non-fake participants for ContactListPanel's props. - Create a ParticipantCounter component to place in the contact list button. Previously ContactListView updated that but now it's a react component hooked into the participant state. - Remove pub/sub that was used only by ContactListView.
2017-08-30 23:17:55 +00:00
.contact-list-item {
fix(contact-list): update avatar sizing With interfaceConfig.SHOW_CONTACTLIST_AVATARS, the avatars in the contact list are too big and will overlap each other. Constrain the avatar sizes and make each contact a little taller to better space each out.
2017-08-30 20:53:12 +00:00
align-items: center;
border-radius: 3px;
color: $baseLight;
display: flex;
font-size: 14px;
height: 36px;
Set up SASS and change base font
2016-09-02 09:53:22 +00:00
list-style-type: none;
fix(contact-list): update avatar sizing With interfaceConfig.SHOW_CONTACTLIST_AVATARS, the avatars in the contact list are too big and will overlap each other. Constrain the avatar sizes and make each contact a little taller to better space each out.
2017-08-30 20:53:12 +00:00
padding: 0 10%;
Set up SASS and change base font
2016-09-02 09:53:22 +00:00
text-align: left;
Re-designs toolbars, side panels like setting, contact list
2016-09-08 18:22:50 +00:00
white-space: nowrap;
Set up SASS and change base font
2016-09-02 09:53:22 +00:00
Fixes side toolbar container behavior
2016-09-10 02:26:29 +00:00
&:hover,
&:active {
background: $toolbarSelectBackground;
}
feat(contact-list): convert to react - Remove references to the model ContactList. - Replace ContactListView with an empty element for attaching the React Component ContactListPanel, which has the same features as the old ContactListView. - Create new selector for getting non-fake participants for ContactListPanel's props. - Create a ParticipantCounter component to place in the contact list button. Previously ContactListView updated that but now it's a react component hooked into the participant state. - Remove pub/sub that was used only by ContactListView.
2017-08-30 23:17:55 +00:00
.contact-list-item-name {
Remove semicolon
2016-10-17 21:53:16 +00:00
overflow: hidden;
fix(contact-list): update avatar sizing With interfaceConfig.SHOW_CONTACTLIST_AVATARS, the avatars in the contact list are too big and will overlap each other. Constrain the avatar sizes and make each contact a little taller to better space each out.
2017-08-30 20:53:12 +00:00
text-overflow: ellipsis;
}
.avatar {
cursor: pointer;
height: 24px;
margin: 0 8px 0 4px;
width: 24px;
Set up SASS and change base font
2016-09-02 09:53:22 +00:00
}
}
}
.avatar {
padding: 0px;
margin-right: 10px;
vertical-align: middle;
font-size: 22pt;
border-radius: 20px;
max-height: 30px;
max-width: 30px;
feat(contact-list): convert to react - Remove references to the model ContactList. - Replace ContactListView with an empty element for attaching the React Component ContactListPanel, which has the same features as the old ContactListView. - Create new selector for getting non-fake participants for ContactListPanel's props. - Create a ParticipantCounter component to place in the contact list button. Previously ContactListView updated that but now it's a react component hooked into the participant state. - Remove pub/sub that was used only by ContactListView.
2017-08-30 23:17:55 +00:00
}