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;
}
*/
+
/* ----------------------------------------------------------------------
* /Grid
* ---------------------------------------------------------------------- */
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}}"
%]
[% 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>