mirror of
https://github.com/pierre42100/ComunicWeb
synced 2025-06-19 12:25:16 +00:00
Improved friend list appearance
This commit is contained in:
35
assets/css/components/friends/friendsBar.css
Normal file
35
assets/css/components/friends/friendsBar.css
Normal file
@ -0,0 +1,35 @@
|
||||
/**
|
||||
* Friends bar style sheet
|
||||
*
|
||||
* @author Pierre HUBERT
|
||||
*/
|
||||
|
||||
#friendsList {
|
||||
position: fixed;
|
||||
right: 0px;
|
||||
border-left: 1px black solid;
|
||||
z-index: 999;
|
||||
background-color: #fff3ff80;
|
||||
top: 0px;
|
||||
height: 100%;
|
||||
padding: 10px;
|
||||
padding-top: 50px;
|
||||
width: 70px;
|
||||
transition: width 1s;
|
||||
}
|
||||
|
||||
#friendsList:hover {
|
||||
width: 230px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
#friendsList td {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#friendsList .account-image {
|
||||
margin: auto 10px auto auto;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
}
|
Reference in New Issue
Block a user