Drop use of html5shiv

[rails.git] / app / assets / stylesheets / common.scss

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 16624dda130e37502c81802505d2e5867c8c53ae..f2afdcf7a9446f8d29c369ffe0eecec6becbe13a 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -370,8 +370,6 @@ body.compact-nav {
     }
 
     h3, h4 {
     }
 
     h3, h4 {

-      margin-top: $lineheight;
-      margin-bottom: $lineheight/2;

       font-size: 1.25rem;
     }
 
       font-size: 1.25rem;
     }
 


@@ -791,7 +789,6 @@ tr.turn:hover {
   }
 
   .comments {
   }
 
   .comments {

-    float: right;

     color: $darkgrey;
   }
 
     color: $darkgrey;
   }
 


@@ -814,7 +811,6 @@ tr.turn:hover {
     border-bottom: 1px solid $grey;
 
     h4:first-child {
     border-bottom: 1px solid $grey;
 
     h4:first-child {

-      margin-top: 0;

       word-wrap: break-word;
     }
   }
       word-wrap: break-word;
     }
   }


@@ -859,6 +855,7 @@ tr.turn:hover {
     border-collapse: separate;
     border-spacing: 0;
     width: 100%;
     border-collapse: separate;
     border-spacing: 0;
     width: 100%;

+    margin-bottom: $spacer;

 
     th, td {
       border-bottom: 1px solid $grey;
 
     th, td {
       border-bottom: 1px solid $grey;


@@ -911,7 +908,7 @@ tr.turn:hover {
 
   .subscribe-buttons {
     float: left;
 
   .subscribe-buttons {
     float: left;

-    margin: 18px 10px 10px;
+    margin: 0 10px;

     min-width: 80px;
   }
 
     min-width: 80px;
   }
 


@@ -967,7 +964,7 @@ tr.turn:hover {
   }
 
   .export_area_inputs {
   }
 
   .export_area_inputs {

-    margin-bottom: $lineheight/2;
+    margin-bottom: $spacer;

     input[type="text"] {
       width: 100px;
       text-align: center;
     input[type="text"] {
       width: 100px;
       text-align: center;


@@ -1064,6 +1061,7 @@ tr.turn:hover {
     background-image: image-url("sign-up-illustration-arm.png");
     position: absolute;
     z-index: 100;
     background-image: image-url("sign-up-illustration-arm.png");
     position: absolute;
     z-index: 100;

+    pointer-events: none;

   }
 }
 
   }
 }
 


@@ -1094,34 +1092,6 @@ tr.turn:hover {
   }
 }
 
   }
 }
 

-/* Rules for the user profile page */
-
-.admin-user-info small {
-  margin-bottom: $lineheight/2;
-  display: inline;
-  margin-right: $lineheight;
-}
-
-.contact-activity {
-  margin-top: $lineheight;
-  width: 100%;
-}
-
-.activity-details p {
-  margin-left: 70px;
-  margin-bottom: 0;
-}
-
-.dashboards-show {
-  p#no_home_location {
-    margin: $lineheight;
-  }
-  .user_thumbnail {
-    margin-top: $lineheight/4;
-    float: left;
-  }
-}
-

 /* Rules for the user map */
 
 .content_map .leaflet-popup-content {
 /* Rules for the user map */
 
 .content_map .leaflet-popup-content {


@@ -1138,30 +1108,12 @@ tr.turn:hover {
     margin-top: 0 0 0 60px;
     font-size: 12px;
   }
     margin-top: 0 0 0 60px;
     font-size: 12px;
   }

-  img.user_thumbnail {
-    float: left;
-    margin: 0 $lineheight/2 0 0;
-  }

 }
 
 /* Rules for the user list */
 
 #user_list {
   width: 100%;
 }
 
 /* Rules for the user list */
 
 #user_list {
   width: 100%;

-
-  tr {
-    vertical-align: middle;
-  }
-
-  p {
-    margin-top: 0px;
-    margin-bottom: 0px;
-  }
-}
-
-#user_list_actions {
-  float: right;
-  margin-top: $lineheight/2;

 }
 
 /* Rules for the diary list page */
 }
 
 /* Rules for the diary list page */


@@ -1446,16 +1398,12 @@ img.user_image {
   max-width: 100px;
   max-height: 100px;
   border: 1px solid $grey;
   max-width: 100px;
   max-height: 100px;
   border: 1px solid $grey;

-  margin-bottom: $lineheight;
-  float: left;
-  margin-right: $lineheight;

 }
 
 img.user_thumbnail {
   max-width: 50px;
   max-height: 50px;
   border: 1px solid $grey;
 }
 
 img.user_thumbnail {
   max-width: 50px;
   max-height: 50px;
   border: 1px solid $grey;

-  margin-right: $lineheight;

 }
 
 img.user_thumbnail_tiny {
 }
 
 img.user_thumbnail_tiny {


@@ -1474,28 +1422,28 @@ abbr.geo {
 
 /* General styles for action lists / subnavs / pager navs */
 
 
 /* General styles for action lists / subnavs / pager navs */
 

-ul.secondary-actions {
-  font-style: normal;
-  margin-bottom: 0;
-  margin-left: 0;
-  padding: 0;
-  &.pager {
-    display: inline-block;
-    margin-right: 60px;
-  }
-  > li {
-    display: block;
-    float: left;
-    list-style: none;
-    border-left: 1px solid $grey;
-    padding-left: $lineheight/2;
-    margin-right: $lineheight/2;
-    &:first-child {
-      border-left: 0;
-      padding-left: 0;
+
+nav.secondary-actions {
+  margin-left: -11px;
+  overflow: hidden;
+  > ul {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    margin-bottom: 0;
+    margin-left: -1px;
+    padding: 0;
+    &.pager {
+      display: inline-block;
+      margin-right: 60px;

     }
     }

-    &:last-child {
-      margin-right: 0px;
+    > li {
+      flex-basis: auto;
+      list-style: none;
+      border-left: 1px solid $grey;
+      padding-left: $lineheight/2;
+      margin-right: $lineheight/2;
+      margin-bottom: $lineheight/8;

     }
   }
 }
     }
   }
 }


@@ -1559,6 +1507,17 @@ div.secondary-actions {
   }
 }
 
   }
 }
 

+/* Create a single-line dl */
+
+dl.dl-inline {
+  dt, dd {
+    display: inline-block;
+  }
+  dd {
+    margin-right: 1em;
+  }
+}
+

 /* Customise the background colour of striped tables */
 
 .table-striped > tbody > tr:nth-child(2n+1) > td,
 /* Customise the background colour of striped tables */
 
 .table-striped > tbody > tr:nth-child(2n+1) > td,


@@ -1610,10 +1569,6 @@ div.secondary-actions {
   }
 }
 
   }
 }
 

-.comments .richtext {
-  margin-left: 70px;
-}
-

 /* Rules for the user notes list */
 
 .note_list {
 /* Rules for the user notes list */
 
 .note_list {


@@ -1743,8 +1698,8 @@ div.secondary-actions {
 
     .byosm span {
       display: inline-block;
 
     .byosm span {
       display: inline-block;

-      width: 20px;
-      margin-left: -20px;
+      width: 1em;
+      margin-left: -1em;

     }
   }
 
     }
   }