FarmMaps/FarmMapsLib
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

aw3299: hide help on mobile
All checks were successful
FarmMaps.Develop/FarmMapsLib/pipeline/head This commit looks good
Details

Browse Source
This commit is contained in:
Francisco Salas 2022-01-20 08:39:18 +01:00
parent c22cede59b
commit ac0fe962a0
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
projects/common/src/fm/components/help-menu/help-menu.component.html
View File

@ -1,4 +1,4 @@
<div> <div class="mobile-hide">
<div (click)="toggle($event)" class="rounded-circle menu-button hidden" [ngClass]="{'hidden':!user || noContent}"> <div (click)="toggle($event)" class="rounded-circle menu-button hidden" [ngClass]="{'hidden':!user || noContent}">
<span i18n-title title="Help"><i class="fas fa-question" aria-hidden="true"></i></span> <span i18n-title title="Help"><i class="fas fa-question" aria-hidden="true"></i></span>
<div class="menu hidden" [ngClass]="{'hidden':!showMenu}"> <div class="menu hidden" [ngClass]="{'hidden':!showMenu}">

10
projects/common/src/fm/components/help-menu/help-menu.component.scss
View File

@ -68,6 +68,16 @@ div.menu-button > span {
} }
} }
.mobile-hide {
display: inherit;
}
@media screen and (max-width: 768px) {
.mobile-hide {
display: none;
}
}
.unread { .unread {
display: block; display: block;
position: absolute; position: absolute;