[TIC-UI] add url validation in settings page

[archive/20170607/tools/tic.git] / public / src / css / style.css

diff --git a/public/src/css/style.css b/public/src/css/style.css
index d790172..5703cd4 100644 (file)
--- a/public/src/css/style.css
+++ b/public/src/css/style.css
@@ -9,7 +9,7 @@ html {
     height: 100%;
 }
 
-@media(min-width:767px) {
+@media(min-width:992px) {
     .navbar {
         -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
         -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
@@ -20,11 +20,12 @@ html {
         padding: 0;
     }
 }
+
 .modal {
   text-align: center;
 }
 
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 992px) {
   .modal:before {
     display: inline-block;
     vertical-align: middle;
@@ -33,11 +34,15 @@ html {
   }
 }
 
+.panel {
+    margin-bottom: 5px;
+}
+
 /* Modal Dialog */
 .modal-dialog {
-  display: inline-block;
-  text-align: left;
-  vertical-align: middle;
+    display: inline-block;
+    text-align: left;
+    vertical-align: middle;
 }
 
 /* Main Navigator Bar */
@@ -54,7 +59,6 @@ html {
 }
 
 #tic-package-section {
-    height: 100%;
     padding-top: 70px;
     background: #e1e1e1;
 }
@@ -66,10 +70,10 @@ html {
 }
 
 #tic-package-left-col-tree {
-        height: 30vh;
-        position: relative;
-        overflow: auto;
-    }
+    height: 30vh;
+    position: relative;
+    overflow: auto;
+}
 @media (min-width: 768px) {
     #tic-package-left-col-tree {
         height: 80vh;
@@ -84,14 +88,14 @@ html {
 
 /* TODO: Height of Treeview, Package Information and Summary grid in Package Page */
 #tic-package-info-table {
-    height: 16vh;
+    height: 15vh;
     display: inline-block;
     position: relative;
     overflow: auto;
 }
-@media (min-width: 768px) {
+@media (min-width: 992px) {
     #tic-package-info-table {
-        height: 43.7vh;
+        height: 43vh;
         display: inline-block;
         position: relative;
         overflow: auto;
@@ -104,7 +108,7 @@ html {
     position: relative;
     overflow: auto;
 }
-@media (min-width: 768px) {
+@media (min-width: 992px) {
     #tic-package-summary {
         height: 20vh;
         display: inline-block;
@@ -126,7 +130,7 @@ html {
     position: relative;
     overflow: auto;
 }
-@media (min-width: 768px) {
+@media (min-width: 992px) {
     #tic-image-summary {
         height: 70vh;
         display: inline-block;
@@ -143,12 +147,17 @@ html {
     background: #e1e1e1;
 }
 
+#tic-repository-toolbar {
+    margin-bottom: 10px;
+}
+
 /* Sortable Repo List */
 .dragged {
     position: absolute;
     opacity: 0.5;
     z-index: 2000;
 }
+
 #tic-repository-list li {
     cursor: move;
     display: block;
@@ -156,7 +165,9 @@ html {
     border: 1px solid #CCC;
     color: #08c;
     background: #eee;
+    max-width: 100%;
 }
+
 #tic-repository-list li.placeholder {
     position: relative;
     margin: 0;
@@ -164,6 +175,7 @@ html {
     border: none;
     content: "";
 }
+
 #tic-repository-list li.placeholder:before {
     position: absolute;
     content: "";
@@ -176,3 +188,12 @@ html {
     border-left-color: #f00;
     border-right: none;
 }
+
+.tic-repository-url {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    width: 90%;
+    display: inline-block;
+    vertical-align: middle;
+}
\ No newline at end of file