card 1.15.1 → 1.15.2

data/mod/03_machines/lib/stylesheets/style_bootstrap_compatible.css

@@ -1,4 +1,7 @@
-/* This backwards-compatibility spreadsheet is intended to keep the old "Classic" skins working even as the HTML has changed for the new bootstrap skins.  It is NOT intended to be used in new skins. */
+/*
+  This backwards-compatibility stylesheet is intended to keep the old "Classic" skins working.
+  It is NOT intended to be used in new skins.
+*/
 
 #menu {
   height: 30px;
@@ -30,6 +33,12 @@
       width: 100%;
     }
   }
+  .navbox-form {
+    input {
+      display: inline;
+      min-height: 25px;
+    }
+  }
 }
 
 #primary {
@@ -56,99 +65,4 @@ fieldset {
 .alert-info {
   background: #ccc;
   padding: 5px 10px;
-}
-
-
-.pagination {
-  display: inline-block;
-  padding-left: 0;
-  margin: 20px 0;
-  border-radius: 4px;
-}
-.pagination > li {
-  display: inline;
-}
-.pagination > li > a,
-.pagination > li > span {
-  position: relative;
-  float: left;
-  padding: 6px 12px;
-  margin-left: -1px;
-  line-height: 1.42857143;
-  color: #337ab7;
-  text-decoration: none;
-  background-color: #fff;
-  border: 1px solid #ddd;
-}
-.pagination > li:first-child > a,
-.pagination > li:first-child > span {
-  margin-left: 0;
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
-}
-.pagination > li:last-child > a,
-.pagination > li:last-child > span {
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-}
-.pagination > li > a:hover,
-.pagination > li > span:hover,
-.pagination > li > a:focus,
-.pagination > li > span:focus {
-  color: #666666;
-  background-color: #eee;
-  border-color: #ddd;
-}
-.pagination > .active > a,
-.pagination > .active > span,
-.pagination > .active > a:hover,
-.pagination > .active > span:hover,
-.pagination > .active > a:focus,
-.pagination > .active > span:focus {
-  z-index: 2;
-  color: #fff;
-  cursor: default;
-  background-color: #666666;
-  border-color: #666666;
-}
-.pagination > .disabled > span,
-.pagination > .disabled > span:hover,
-.pagination > .disabled > span:focus,
-.pagination > .disabled > a,
-.pagination > .disabled > a:hover,
-.pagination > .disabled > a:focus {
-  color: #777;
-  cursor: not-allowed;
-  background-color: #fff;
-  border-color: #ddd;
-}
-.pagination-lg > li > a,
-.pagination-lg > li > span {
-  padding: 10px 16px;
-  font-size: 18px;
-}
-.pagination-lg > li:first-child > a,
-.pagination-lg > li:first-child > span {
-  border-top-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-}
-.pagination-lg > li:last-child > a,
-.pagination-lg > li:last-child > span {
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-}
-.pagination-sm > li > a,
-.pagination-sm > li > span {
-  padding: 5px 10px;
-  font-size: 12px;
-}
-.pagination-sm > li:first-child > a,
-.pagination-sm > li:first-child > span {
-  border-top-left-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.pagination-sm > li:last-child > a,
-.pagination-sm > li:last-child > span {
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 3px;
 }

data/mod/03_machines/lib/stylesheets/style_cards.scss

@@ -22,7 +22,7 @@ Choosing (b) will mean your CSS will not be affected by automated updates.
 .card-frame,
 .card-body,
 .ALL {
-  overflow: auto;
+  overflow: inherit;
   white-space: normal;
 }
 
@@ -41,43 +41,112 @@ Choosing (b) will mean your CSS will not be affected by automated updates.
 .confirm_update_all-view,
 .follow-updater,
 .admin-error-message,
-.labeled-view .card-menu-link {  
+.labeled-view .card-menu-link {
   display: none
 }
 
 
 /* -- card-headers and menus--*/
-
 .card-header {
   .card-header-title {
     display: inline-block;
     overflow: hidden;
+    span.header-icon {
+      margin: 0px 5px;
+    }
   }
   .toggler {
     display: inline-block;
     position: relative;
   }
 }
-.card-menu {
-  display: none;
-  position: absolute;
-  z-index: 1005;
-  li {
-    white-space: nowrap;
+
+.menu-slot {
+  width:100%;
+  position: relative;
+
+  span.menu-item-label {
+    margin-left: 5px;
+  }
+
+  .card-menu {
+    position: absolute;
+    right: 5px;
+    top: 3px;
+    li {
+      white-space: nowrap;
+      text-align: left;
+      a {
+        color: #333;
+      }
+    }
+    .dropdown-menu {
+      right: -2px;
+      top: 18px;
+      min-width: 110px;
+    }
+    .dropdown-menu:before {
+      content: "";
+      width: 0;
+      height: 0;
+      border-left: 5px solid transparent;
+      border-right: 5px solid transparent;
+      border-bottom: 5px solid white;
+      position: absolute;
+      top: -5px;
+      right: 2px;
+    }
+  }
+
+  .vertical-card-menu .dropdown-menu {
+    z-index: 2;
+  }
+
+  .horizontal-card-menu {
+    z-index: 1;
+    li {
+      height: 30px;
+    }
+    .btn {
+      padding: 6px 12px;
+    }
   }
 }
-.card-menu-link {
-  margin-left: 5px;
-  display: inline-block; 
-  float: right;
+
+.card-header-title {
+  margin-right: 3px;
+}
+
+
+.dropdown-menu {
+  z-index: 1005;
+}
+
+.navbar.toolbar {
+  margin-bottom: 0;
+}
+
+.toolbar {
+  .navbar-text span.glyphicon, span.menu-item-label {
+    margin-left: 5px;
+  }
 }
 
 
 /*-- closed and labeled views --*/
 
 .closed-view {
-  white-space: nowrap !important;
-  overflow: hidden;
+  position: relative;
+  > .card-frame {
+    white-space: nowrap !important;
+    padding-right: 30px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    position: static;
+  }
+  .card-menu.btn-group {
+    display: none;
+  }
   .card-header {
     display: inline-block;
   }
@@ -85,18 +154,18 @@ Choosing (b) will mean your CSS will not be affected by automated updates.
 .closed-content {
   display: inline;
   white-space: nowrap !important;
-  
+
   table, thead, tbody, tr, th, td, p, h1, h2, h3, h4, h5, h6, ul, li, pre, ol, div, span, a, blockquote, img, label, i {
     display: inline !important;
     white-space: nowrap !important;
     float: none !important;
   }
-  br, hr, input, textarea, object {
+  br, hr, input, textarea, object, :after, :before {
     display: none !important;
   }
 }
 
-.labeled-view:hover .card-menu-link {
+.labeled-view:hover .card-menu {
   display: inline-block;
 }
 
@@ -130,7 +199,7 @@ Choosing (b) will mean your CSS will not be affected by automated updates.
 
 .navbox-item-label {
   float: left;
-  position: relative;  
+  position: relative;
 }
 
 
@@ -172,7 +241,7 @@ It includes basic styling for:
   3. views that by definition alter default styling (closed, labeled)
   4. errors / warnings / notices
   5. key default content for new installs (home page, sidebar)
-  
+
 Most colors are greyscale; any that aren't are explained with comments beginning with "NOTGREY"
 
 Note that this CSS is taken from code so that it will be updated automatically with releases.
@@ -185,7 +254,7 @@ in your skin.  Choosing (b) will mean your CSS will not be affected by automated
 .card-frame {
   text-align: left;
   font-weight: normal;
-  font-style: normal;  
+  font-style: normal;
 }
 
 
@@ -193,60 +262,28 @@ in your skin.  Choosing (b) will mean your CSS will not be affected by automated
 /*- DYNAMIC ELEMENTS - */
 /*-------------------- */
 
-/* -- card menus -- */
 
-.card-menu {
-  font-size: 11px;
-  li {
-    text-align: right;
-    a {
-      color: #333;
-    }
-  }
-  .ui-menu-icon {
-    float: left;
-    margin-right: 5px;
-  }
-}
-.ui-menu .ui-menu-item {
-  padding: 2px 0;
-}
+/* related view (used by many menu items, such as "referred to by")  */
 
-.card-menu-tappable {
-  font-size: 18px;
-  .ui-menu-icon {
-    padding: 7px;
-    display: inline-block;
-    margin-right: 15px;
-    background: #666;
-    border-radius: 3px;
-    -moz-border-radius: 3px;
-    color: #fff;
-    font-size: 10px;
-  }
-  .ui-menu-icon:after {
-    content: '<';
+.related-view {
+  > .card-frame, & {
+    > .card-body  {
+      background: #bbb;
+      padding: 5px;
+      > .ALL  {
+        background: #fff;
+        > .card-header {
+          background: #ddd;
+          padding: 5px;
+          color: #000;
+        }
+        > .card-body {
+          padding: 8px 2%;
+        }
+      }
+    }
   }
 }
- 
-
-/* related view (used by many menu items, such as "referred to by")  */
-
-.related-view > .card-body  {
- background: #bbb;
- padding: 5px;
- > .ALL  {
-   background: #fff;
-   > .card-header {
-     background: #ddd;
-     padding: 5px;
-     color: #000;
-   }
-   > .card-body {
-      padding: 8px 2%;
-   }
- }
-} 
 
 /* navboxes */
 
@@ -369,15 +406,15 @@ textarea {
     display: inline-block;
     position: relative;
   }
-  
+
   .pointer-item-add {
     margin-top: 10px;
   }
-  
+
   .input-group-addon.handle {
     padding-left: 1px;
     padding-right: 1px;
-    
+
     .glyphicon-option-vertical.left {
       margin-right: -7px;
     }
@@ -413,6 +450,9 @@ div.search-result-list {
   list-style: none;
   padding: 5px 0;
   margin: 0;
+  .closed-view > .card-frame {
+    margin-bottom: 0;
+  }
 }
 div.pointer-list .pointer-item,
 div.search-result-list .search-result-item {
@@ -463,14 +503,14 @@ $act-gray:  #b7b7b7;
   float: left;
 }
 
-.act {    
+.act {
   .head {
     float: left;
     margin-right:10px;
     min-width: 175px;
   }
   .nr {
-    float: left;   
+    float: left;
   }
   .title {
     float: left;
@@ -484,7 +524,7 @@ $act-gray:  #b7b7b7;
     float:left;
     clear:left;
   }
-  
+
   .action-container {
     overflow: hidden;
   }
@@ -506,7 +546,7 @@ $act-gray:  #b7b7b7;
     margin: 12px 10px 0px 10px;
     width: 20px;
   }
-/*  
+/*
   .name-diff {
     color: #000;
     border-style: solid;
@@ -533,23 +573,23 @@ $act-gray:  #b7b7b7;
       padding: 6px 0px;
     }
   }
- 
+
   .arrow-down {
-  	width: 0; 
-  	height: 0; 
+  	width: 0;
+  	height: 0;
   	border-left: 7px solid transparent;
   	border-right: 7px solid transparent;
   	border-top: 11px solid $act-gray;
     display: block;
   }
   .arrow-right {
-  	width: 0; 
-  	height: 0; 
+  	width: 0;
+  	height: 0;
   	border-top: 7px solid transparent;
   	border-bottom: 7px solid transparent;
   	border-left: 11px solid $act-gray;
     display: block;
-  } 
+  }
   .info {
     font-style: italic;
   }
@@ -604,7 +644,7 @@ $act-gray:  #b7b7b7;
 
 
 #credit, /* these are both deprecated */
-.flash-notice {  
+.flash-notice {
   color: #333;
   font-size: 1.1em;
   background: #fff;
@@ -643,7 +683,7 @@ $act-gray:  #b7b7b7;
   }
   aside {
     float: right;
-    border: 1px solid #999;  
+    border: 1px solid #999;
     background: white;
     width: 33%;
     padding: 1em;
@@ -836,7 +876,7 @@ table.show-cache td {
 
 /* note said this is o non-ie browsers do better with image floats.  looks over-specified.
 html>body .open-view {
-  width: auto;  
+  width: auto;
 }
 */