mirror of
https://github.com/moparisthebest/mail
synced 2025-02-07 02:20:14 -05:00
Fix add-account styles on mobile
This commit is contained in:
parent
a9c61a1fd1
commit
26f62668c6
@ -29,6 +29,11 @@
|
||||
&.left {
|
||||
margin-left: -10px;
|
||||
}
|
||||
&.desktop-only {
|
||||
@include respond-to(mobile) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.popover-title {
|
||||
margin: 0;
|
||||
padding: 8px 14px;
|
||||
|
@ -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 {
|
||||
|
@ -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">
|
||||
|
Loading…
Reference in New Issue
Block a user