small css correction for url display
authorymh <ymh.work@gmail.com>
Fri, 13 Sep 2013 17:07:23 +0200
changeset 85 f87eaeecfc8e
parent 84 caafe38298d7
child 87 9f456eb41602
small css correction for url display
src/p4l/static/p4l/css/p4l.css
src/p4l/static/p4l/templates/objectListTable.html
src/p4l/static/p4l/templates/urlDisp.html
--- a/src/p4l/static/p4l/css/p4l.css	Fri Sep 13 16:24:31 2013 +0200
+++ b/src/p4l/static/p4l/css/p4l.css	Fri Sep 13 17:07:23 2013 +0200
@@ -36,6 +36,7 @@
 	-ms-transform:rotate(90deg);
 	-webkit-transform:rotate(90deg);
 }
+
 .spinner {
     width: 14px;
     height: 14px;
@@ -45,20 +46,28 @@
 	opacity: .7;
 	margin-right: 4px;
 }
+
 .grey-bottom {
     border-bottom: 1px dotted #CCC;
 }
-.grey-hover:nth-child(odd) {
-     background: #EEE;
-}
+
 .well {
     margin-bottom: 5px;
     padding: 4px 5px 8px 8px;
 }
+
 label {
     margin-bottom: 0px;
 }
 
+.edit-form-row:nth-child(odd) {
+     background: #EEE;
+}
+
+.break-word {
+	word-wrap: break-word;
+}
+
 /* Flags */
 .flag {
     width: 16px;
--- a/src/p4l/static/p4l/templates/objectListTable.html	Fri Sep 13 16:24:31 2013 +0200
+++ b/src/p4l/static/p4l/templates/objectListTable.html	Fri Sep 13 17:07:23 2013 +0200
@@ -3,7 +3,7 @@
         <div ng-repeat="l in headLabels" class="col-md-{{ headSizes[$index] }}">{{l | translate}}</div>
         <div class="col-md-2">{{'Actions' | translate}}</div>
     </div>
-    <div class="row grey-hover" ng-repeat="obj in list">
+    <div class="row edit-form-row" ng-repeat="obj in list">
         <span ng-if="dispTemplate==''">
 			<div ng-repeat="f in headFields" class="col-md-{{ headSizes[$index] }}">{{ obj[f] }}</div>
         </span>
--- a/src/p4l/static/p4l/templates/urlDisp.html	Fri Sep 13 16:24:31 2013 +0200
+++ b/src/p4l/static/p4l/templates/urlDisp.html	Fri Sep 13 17:07:23 2013 +0200
@@ -1,5 +1,5 @@
 <span>
-<div class="col-md-5"><a href="{{ obj.address }}" target="_blank">{{ obj.address }}</a></div>
+<div class="col-md-5 break-word"><a href="{{ obj.address }}" target="_blank">{{ obj.address }}</a></div>
 <div class="col-md-2">{{ obj.display }}</div>
 <div class="col-md-2">{{ obj.accessLevel }}</div>
 </span>
\ No newline at end of file