nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-27 08:00:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

Updates

Browse Source
This commit is contained in:
MyNameIsBatman 2021-06-30 14:21:50 -03:00
parent 226c280fda
commit 876ef7ac1f
2 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/room/widgets/room-tools/RoomToolsWidgetView.scss
View File

@ -17,9 +17,19 @@
padding: 3px 0px; padding: 3px 0px;
color: $white; color: $white;
border-color: rgba($black, 0.3); border-color: rgba($black, 0.3);
cursor: pointer;
&:hover {
text-decoration: underline;
}
&:first-child {
padding-top: 8px;
}
&:last-child { &:last-child {
border-bottom: none; border-bottom: none;
padding-bottom: 8px;
} }
} }
} }

12
src/views/room/widgets/room-tools/RoomToolsWidgetView.tsx
View File

@ -32,21 +32,21 @@ export const RoomToolsWidgetView: FC<RoomToolsWidgetViewProps> = props =>
}, [ isZoomedIn, widgetHandler ]); }, [ isZoomedIn, widgetHandler ]);
return ( return (
<div className={'nitro-room-tools py-2 ps-3 d-flex' + classNames({' open': isExpended})}> <div className={'nitro-room-tools ps-3 d-flex' + classNames({' open': isExpended})}>
<div className="list-group list-group-flush w-100 me-1"> <div className="list-group list-group-flush w-100 me-1">
<div className="list-group-item text-decoration-underline cursor-pointer" onClick={ () => handleToolClick('settings') }> <div className="list-group-item" onClick={ () => handleToolClick('settings') }>
<i className="fas fa-cog me-2" />{ LocalizeText('room.settings.button.text') } <i className="fas fa-cog me-2" />{ LocalizeText('room.settings.button.text') }
</div> </div>
<div className="list-group-item text-decoration-underline cursor-pointer" onClick={ () => handleToolClick('zoom') }> <div className="list-group-item" onClick={ () => handleToolClick('zoom') }>
<i className={ 'fas me-2 ' +classNames({'fa-search-minus': !isZoomedIn, 'fa-search-plus': isZoomedIn}) } />{ LocalizeText('room.zoom.button.text') } <i className={ 'fas me-2 ' +classNames({'fa-search-minus': !isZoomedIn, 'fa-search-plus': isZoomedIn}) } />{ LocalizeText('room.zoom.button.text') }
</div> </div>
<div className="list-group-item text-decoration-underline cursor-pointer" onClick={ () => handleToolClick('chat_history') }> <div className="list-group-item" onClick={ () => handleToolClick('chat_history') }>
<i className="fas fa-comment-alt me-2" />{ LocalizeText('room.chathistory.button.text') } <i className="fas fa-comment-alt me-2" />{ LocalizeText('room.chathistory.button.text') }
</div> </div>
<div className="list-group-item text-decoration-underline cursor-pointer" onClick={ () => handleToolClick('like_room') }> <div className="list-group-item" onClick={ () => handleToolClick('like_room') }>
<i className="fas fa-heart me-2" />{ LocalizeText('room.like.button.text') } <i className="fas fa-heart me-2" />{ LocalizeText('room.like.button.text') }
</div> </div>
<div className="list-group-item text-decoration-underline cursor-pointer" onClick={ () => handleToolClick('room_link') }> <div className="list-group-item" onClick={ () => handleToolClick('room_link') }>
<i className="fas fa-link me-2" />{ LocalizeText('navigator.embed.caption') } <i className="fas fa-link me-2" />{ LocalizeText('navigator.embed.caption') }
</div> </div>
</div> </div>