the-djmaze/snappymail
1
1
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2025-09-23 05:24:23 +08:00
Code Issues Projects Releases Packages Wiki Activity

Show 'To Top' and 'Fullscreen' buttons only on mouse-hover (close #1501)

Browse source
This commit is contained in:
RainLoop 2017-09-20 21:36:56 +03:00
parent c7aa07506e
commit 8ce5e86b04
2 changed files with 35 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
dev/App/Abstract.js
View file

@ -342,6 +342,8 @@ class AbstractApp extends AbstractBoot
if (!mobile) if (!mobile)
{ {
$html.addClass('rl-desktop');
ssm.addState({ ssm.addState({
id: 'mobile', id: 'mobile',
query: '(max-width: 767px)', query: '(max-width: 767px)',

43
dev/Styles/MessageView.less
View file

@ -276,11 +276,11 @@ html.rl-no-preview-pane {
z-index: 2; z-index: 2;
cursor: pointer; cursor: pointer;
border-radius: 5px; border-radius: 5px;
opacity: 0.3; .opacity(50);
&:hover { &:hover {
.opacity(80); .opacity(80);
border-color: #000; border-color: #666;
background-color: #888; background-color: #888;
color: #fff; color: #fff;
} }
@ -637,17 +637,40 @@ html.rl-message-fullscreen {
z-index: 10000 !important; z-index: 10000 !important;
border: @rlLowBorderSize solid @rlMainDarkColor !important; border: @rlLowBorderSize solid @rlMainDarkColor !important;
border-radius: @rlLowBorderRadius !important; border-radius: @rlLowBorderRadius !important;
}
}
.buttonUnFull { html .messageItem {
.buttonUp, .buttonUp {
display: none !important;
}
&.scroller-shadow-top .buttonUp {
display: inline-block !important;
}
}
html.rl-desktop .messageItem {
.buttonUp, .buttonFull {
display: none !important;
}
&:hover {
&.scroller-shadow-top .buttonUp, .buttonFull {
display: inline-block !important; display: inline-block !important;
} }
.buttonFull {
display: none !important;
}
} }
} }
.nano.scroller-shadow-top .buttonUp { html.rl-message-fullscreen .messageItem {
display: inline-block !important; .buttonUnFull {
} display: inline-block !important;
}
.buttonFull {
display: none !important;
}
.buttonUp {
display: none !important;
}
&.scroller-shadow-top .buttonUp {
display: inline-block !important;
}
}