mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2024-12-23 09:30:31 +03:00
Code Issues Projects Releases Packages Wiki Activity

Improved context menu in mobile devices

Browse source
This commit is contained in:
Alejandro Celaya 2018-08-05 10:08:17 +02:00
parent ce8888ce5d
commit 14b98fd833
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/short-urls/helpers/ShortUrlsRow.scss
View file

@ -45,4 +45,8 @@
.short-urls-row__copy-hint { .short-urls-row__copy-hint {
@include vertical-align(); @include vertical-align();
right: 100%; right: 100%;
@media (max-width: $smMax) {
right: calc(100% + 10px);
}
} }

2
src/short-urls/helpers/ShortUrlsRowMenu.js
View file

@ -24,7 +24,7 @@ export class ShortUrlsRowMenu extends React.Component {
return ( return (
<ButtonDropdown toggle={this.toggle} isOpen={this.state.isOpen} direction="left"> <ButtonDropdown toggle={this.toggle} isOpen={this.state.isOpen} direction="left">
<DropdownToggle color="white" size="sm" caret className="short-urls-row-menu__dropdown-toggle"> <DropdownToggle size="sm" caret className="short-urls-row-menu__dropdown-toggle btn-outline-secondary">
&nbsp;<FontAwesomeIcon icon={menuIcon}/>&nbsp; &nbsp;<FontAwesomeIcon icon={menuIcon}/>&nbsp;
</DropdownToggle> </DropdownToggle>
<DropdownMenu> <DropdownMenu>