app/assets/stylesheets/small.css.scss

   1 /* Styles specific to a small screen, such as iPhone, Android, etc... */
   2
   3 input[type="submit"],
   4 input[type="text"] {
   5   -webkit-appearance: none;
   6 }
   7
   8 .column-1 {
   9   width: 100%;
  10 }
  11
  12 #menu-icon {
  13   display: inline-block !important;
  14 }
  15
  16 nav.primary,
  17 nav.secondary {
  18   float: none !important;
  19   position: relative;
  20   display: block;
  21   clear: both;
  22 }
  23
  24 header {
  25   height: auto;
  26   background: #fff;
  27
  28   h1 {
  29     padding-bottom: 15px;
  30   }
  31
  32   &.closed nav {
  33     display: none;
  34   }
  35 }
  36
  37 #edit_tab,
  38 #export_tab {
  39   display: none;
  40 }
  41
  42 nav.primary {
  43   padding: 0;
  44
  45   ul, li {
  46     border: none;
  47     border-radius: 0;
  48     width: 100%;
  49   }
  50
  51   ul {
  52     border-top: 1px solid #eee;
  53     li {
  54       border-bottom: 1px solid #eee;
  55       border-right: none;
  56       > a {
  57         border-radius: 0;
  58         width: 100%;
  59         text-align: center;
  60         font-size: 15px;
  61       }
  62     }
  63   }
  64 }
  65
  66 nav.secondary {
  67   border-bottom: 1px solid #eee;
  68
  69   .user-menu {
  70     display: block;
  71     width: 100%;
  72     margin-left: 0;
  73     > li {
  74       width: 49%;
  75       > a {
  76         width: 100%;
  77         text-align: center;
  78       }
  79     }
  80   }
  81 }
  82
  83 #compact-secondary-nav {
  84   display: none;
  85 }
  86
  87 .compact-hide {
  88   display: inline-block;
  89 }
  90
  91 .map-layout {
  92   #sidebar, #map {
  93     position: relative;
  94     overflow-x: hidden;
  95     width: 100%;
  96     height: 50%;
  97   }
  98
  99   .overlay-sidebar {
 100     #sidebar {
 101       width: 300px;
 102     }
 103
 104     #map {
 105       height: 100%;
 106     }
 107   }
 108
 109   #map-ui {
 110     z-index: 9999;
 111     width: 100%;
 112     overflow-y: scroll;
 113   }
 114 }
 115
 116 #sidebar .welcome {
 117   display: none;
 118 }
 119
 120 .leaflet-top.leaflet-right {
 121   top: 10px !important;
 122   z-index: 0;
 123 }
 124
 125 .content_map {
 126   width: 100%;
 127   border: none;
 128   float: none;
 129   height: 200px;
 130   max-height: none;
 131   min-height: auto;
 132 }
 133
 134 /* Rules for the login form */
 135
 136 #login_login input#user_email {
 137   width: 100%;
 138   max-width: 18em;
 139 }
 140
 141 #login_login input#user_password {
 142   width: 100%;
 143   max-width: 18em;
 144 }
 145
 146 #login_login input#openid_url {
 147   width: 100%;
 148   max-width: 18em;
 149 }
 150
 151 #login_openid_buttons td {
 152   padding: 2px;
 153 }
 154
 155 /* Rules for the user view */
 156
 157 .user_map {
 158   width: 100% !important;
 159   height: 300px !important;
 160 }
 161
 162 #userinformation .deemphasize {
 163   position: relative;
 164   right: auto; left: auto;
 165   margin-top: 10px;
 166   top: auto;
 167 }
 168
 169 /* Rules for the sign-up page */
 170
 171 .user-new,
 172 .user-create {
 173   .col6 {
 174     width: 100%;
 175   }
 176
 177   .aside {
 178     display: none;
 179   }
 180 }
 181
 182 .site-about #content .attr h1 {
 183   font-size: 28px;
 184 }