web staff : grid row selection css; remove list.js import
authorBill Erickson <berick@esilibrary.com>
Wed, 2 Apr 2014 17:01:51 +0000 (13:01 -0400)
committerBill Erickson <berick@esilibrary.com>
Wed, 2 Apr 2014 17:01:51 +0000 (13:01 -0400)
Signed-off-by: Bill Erickson <berick@esilibrary.com>
Open-ILS/src/templates/staff/css/style.css.tt2
Open-ILS/src/templates/staff/parts/t_autogrid.tt2
Open-ILS/src/templates/staff/test/index.tt2
Open-ILS/web/js/ui/default/staff/services/grid.js

index 46263d4..838f837 100644 (file)
@@ -165,6 +165,31 @@ table.list tr.selected td {
   border-bottom: 1px solid #888;
 }
 
+/* Improve ::selection styling by only allowing selection on text
+ * content cells.  Otherwise, the browser styles row background
+ * and text (all dark blue?) when shift-click or click-drag is used
+ */
+.eg-grid-row {
+  user-select:none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+}
+.eg-grid-cell-content {
+  user-select:text;
+  -moz-user-select: text;
+  -webkit-user-select: text;
+}
+.eg-grid-cell-content::-moz-selection {
+  color: rgb(51, 51, 51);
+  background: rgb(201, 221, 225);
+  border-bottom: 1px solid #888;
+}
+.eg-grid-cell-content::selection {
+  color: rgb(51, 51, 51);
+  background: rgb(201, 221, 225);
+  border-bottom: 1px solid #888;
+}
+
 .eg-grid-conf-cell-entry {
   width:98%;
   text-align:center;
@@ -212,6 +237,7 @@ table.list tr.selected td {
 }
 */
 
+
 /* ----------------------------------------------------------------------
  * /Grid
  * ---------------------------------------------------------------------- */
index b9f9499..03b3f44 100644 (file)
             ng-model="grid.selected[grid.indexValue(item)]"/>
         </div>
       </div>
-      <div class="eg-grid-cell"
+      <div class="eg-grid-cell eg-grid-cell-content"
           ng-click="grid.handleRowClick($event, item)"
           ng-repeat="col in grid.columnsProvider.columns"
           style="flex:{{col.flex}}"
index 0f360bd..ffbc2e8 100644 (file)
@@ -6,7 +6,6 @@
 %]
 
 [% BLOCK APP_JS %]
-<script src="[% ctx.media_prefix %]/js/ui/default/staff/services/list.js"></script>
 <script src="[% ctx.media_prefix %]/js/ui/default/staff/services/ui.js"></script>
 <script src="[% ctx.media_prefix %]/js/ui/default/staff/services/grid.js"></script>
 <script src="[% ctx.media_prefix %]/js/ui/default/staff/test/app.js"></script>
index 81eb00e..9a81f3d 100644 (file)
@@ -590,7 +590,6 @@ angular.module('egGridMod',
             });
 
             element.bind('dragend', function(e) {
-                console.log('dragend');
                 angular.element(e.target).removeClass('eg-grid-col-drag');
             });
         }