moparisthebest
/
mail
mirror of https://github.com/moparisthebest/mail
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix add-account styles on mobile

This commit is contained in:
Tankred Hase 2014-07-21 22:49:15 +02:00
parent a9c61a1fd1
commit 26f62668c6
3 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/sass/components/_popover.scss
View File

@ -29,6 +29,11 @@
&.left {
margin-left: -10px;
}
&.desktop-only {
@include respond-to(mobile) {
display: none;
}
}
.popover-title {
margin: 0;
padding: 8px 14px;

13
src/sass/views/_add-account.scss
View File

@ -2,6 +2,7 @@
height: 100%;
background-color: $color-grey-lightest;
color: $color-grey-dark;
overflow-y: auto;
h1 {
padding: 60px 0 50px 0;
@ -9,15 +10,19 @@
margin: 0;
font-size: 32px;
line-height: 64px;
@include respond-to(mobile) {
padding: 30px 0 20px 0;
}
}
ul {
list-style-type: none;
width: 320px;
margin: 0 auto;
margin: 0 auto 30px auto;
padding: 0;
border-width: 1px;
border-style: solid;
border-style: solid;
border-color: $color-grey-lighter;
li {
@ -80,7 +85,7 @@
width: 100%;
}
}
}
}
&.tonline {
background-color: white;
@ -92,7 +97,7 @@
img {
width: 100%;
}
}
}
}
&.other {

12
src/tpl/add-account.html
View File

@ -26,7 +26,7 @@
</div>
<!-- popovers -->
<div id="google-info" class="popover right" ng-controller="PopoverCtrl">
<div id="google-info" class="popover right desktop-only" ng-controller="PopoverCtrl">
<div class="arrow"></div>
<div class="popover-title"><b>Google Account</b></div>
<div class="popover-content">
@ -36,7 +36,7 @@
</div>
</div><!--/.popover-->
<div id="whiteout-info" class="popover right" ng-controller="PopoverCtrl">
<div id="whiteout-info" class="popover right desktop-only" ng-controller="PopoverCtrl">
<div class="arrow"></div>
<div class="popover-title"><b>Whiteout Mailbox (coming soon)</b></div>
<div class="popover-content">
@ -46,7 +46,7 @@
</div>
</div><!--/.popover-->
<div id="outlook-info" class="popover right" ng-controller="PopoverCtrl">
<div id="outlook-info" class="popover right desktop-only" ng-controller="PopoverCtrl">
<div class="arrow"></div>
<div class="popover-title"><b>Outlook.com Account (coming soon)</b></div>
<div class="popover-content">
@ -56,7 +56,7 @@
</div>
</div><!--/.popover-->
<div id="yahoo-info" class="popover right" ng-controller="PopoverCtrl">
<div id="yahoo-info" class="popover right desktop-only" ng-controller="PopoverCtrl">
<div class="arrow"></div>
<div class="popover-title"><b>Yahoo Mail (coming soon)</b></div>
<div class="popover-content">
@ -66,7 +66,7 @@
</div>
</div><!--/.popover-->
<div id="tonline-info" class="popover right" ng-controller="PopoverCtrl">
<div id="tonline-info" class="popover right desktop-only" ng-controller="PopoverCtrl">
<div class="arrow"></div>
<div class="popover-title"><b>T-Online Account (coming soon)</b></div>
<div class="popover-content">
@ -76,7 +76,7 @@
</div>
</div><!--/.popover-->
<div id="custom-info" class="popover right" ng-controller="PopoverCtrl">
<div id="custom-info" class="popover right desktop-only" ng-controller="PopoverCtrl">
<div class="arrow"></div>
<div class="popover-title"><b>Custom server (coming soon)</b></div>
<div class="popover-content">