friend box WIP
This commit is contained in:
parent
28758990ab
commit
468375b6cf
|
@ -100,7 +100,7 @@ fi
|
|||
|
||||
if [ $FRONT_REMOTE ] && [ $FRONT_REMOTE_DIR ]; then
|
||||
lilalog "Deploy assets to $mode frontend server $FRONT_REMOTE:$FRONT_REMOTE_DIR"
|
||||
rsync --archive --no-o --no-g --progress public $FRONT_REMOTE:$FRONT_REMOTE_DIR
|
||||
rsync --archive --no-o --no-g --progress --exclude '*.dev.css' public $FRONT_REMOTE:$FRONT_REMOTE_DIR
|
||||
fi
|
||||
|
||||
read -n 1 -p "Press [Enter] to complete deployment to $mode server $REMOTE:$REMOTE_DIR"
|
||||
|
|
|
@ -23,6 +23,6 @@
|
|||
@import 'component/button';
|
||||
@import 'component/user-link';
|
||||
@import 'component/blind-mode';
|
||||
@import 'component/friends';
|
||||
@import 'component/friend-box';
|
||||
@import 'component/signal';
|
||||
@import 'component/power-tip';
|
||||
|
|
|
@ -17,6 +17,7 @@ $z-indexes: (
|
|||
'fullscreen-mask': 8,
|
||||
'dropdown': 7,
|
||||
'site-header': 6,
|
||||
'friend-box': 2,
|
||||
'default': 1
|
||||
);
|
||||
|
||||
|
|
75
ui/common/css/component/_friend-box.scss
Normal file
75
ui/common/css/component/_friend-box.scss
Normal file
|
@ -0,0 +1,75 @@
|
|||
#friend_box {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: z('friend-box');
|
||||
background: $c-bg-popup;
|
||||
border: $border;
|
||||
border-right: 0;
|
||||
border-top-left-radius: $box-radius-size;
|
||||
font-size: .9rem;
|
||||
min-width: 150px;
|
||||
max-height: 95%;
|
||||
/* improve scroll perfs */
|
||||
backface-visibility: hidden;
|
||||
&:hover {
|
||||
overflow-y: auto;
|
||||
}
|
||||
& .friend_box_title {
|
||||
@extend %metal;
|
||||
cursor: pointer;
|
||||
padding: 3px 5px;
|
||||
border-bottom: $border;
|
||||
&:hover {
|
||||
@extend %metal-hover;
|
||||
}
|
||||
}
|
||||
& .content {
|
||||
& div {
|
||||
display: flex;
|
||||
}
|
||||
& a {
|
||||
flex: 1 1 100%;
|
||||
padding: 3px 0px;
|
||||
display: block;
|
||||
transition: background 0.13s;
|
||||
&.user_link {
|
||||
max-width: 150px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
&.tv {
|
||||
flex: 0 0 auto;
|
||||
padding: 0 5px;
|
||||
}
|
||||
&.friend-study {
|
||||
flex: 0 0 auto;
|
||||
padding: 2px 5px 0 5px;
|
||||
}
|
||||
&:hover {
|
||||
color: $c-font;
|
||||
background: mix($c-secondary, $c-bg-popup, 10%);
|
||||
}
|
||||
}
|
||||
& i.line {
|
||||
opacity: 0.6;
|
||||
}
|
||||
}
|
||||
& .nobody {
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
padding: 3px 5px;
|
||||
& span {
|
||||
display: block;
|
||||
margin: 5px;
|
||||
}
|
||||
}
|
||||
& a.find {
|
||||
display: none;
|
||||
margin: 7px;
|
||||
font-style: normal;
|
||||
}
|
||||
& .nobody:hover a.find {
|
||||
display: block;
|
||||
}
|
||||
}
|
|
@ -1,3 +0,0 @@
|
|||
#friend_box {
|
||||
display: none;
|
||||
}
|
Loading…
Reference in a new issue