Work in progress

RaphaelGauthier · Aug 5, 2019 · dcf8742 · dcf8742
1 parent c445acd
commit dcf8742
Showing 1 changed file with 43 additions and 4 deletions.
diff --git a/builder/css/custom.css b/builder/css/custom.css
@@ -498,13 +498,11 @@ ul.files-list > li:hover > .border{
 ul.files-list > li > .target-remove:hover + .border{
   background-color: #da534f !important;
 }
-
 .files-list > li.empty {
   border-left: 4px solid #3379b7;
   color: #777;
   font-style: italic;
 }
-
 .files-list > li.empty + li {
   border-top-right-radius: 4px;
 }
@@ -573,14 +571,32 @@ ul.files-list > li .use-with > span{
   font-weight: bold;
   word-break: break-word;
 }
+
+.is-edited .method .edit-method {
+  color: #3379b7 !important;
+}
+.missingParameters .method .edit-method,
+.requiredParameters{
+  color: #f08004 !important;
+}
+.errorParameters .method .edit-method {
+  color: #c63d3a !important;
+}
+
 /* =====  METHODS  ===== */
 .col-methods{
   box-shadow: -2px 0px 8px 0px #00000024;
 }
+.generic-methods-container {
+  border-top: 2px solid #e5e5E5;
+}
 .generic-methods-container > .row > div{
   height: 100%;
   overflow-y: auto;
 }
+.generic-methods-container > .row > .col > ul:first-child{
+  padding-top: 10px;
+}
 .generic-methods-container > .row > .col-auto{
   padding: 0;
 }
@@ -589,7 +605,7 @@ ul.files-list > li .use-with > span{
 }
 #categories-list{
   margin: 0;
-  padding: 0;
+  padding: 6px 0 0 0;
   list-style: none;
 }
 #categories-list > h4{
@@ -602,7 +618,7 @@ ul.files-list > li .use-with > span{
   text-decoration: none !important;
 }
 /* =====  METHOD  ===== */
-.generic-methods-container ul.list-unstyled > li{
+ul.list-unstyled > li{
   margin-bottom: 10px;
 }
 .method {
@@ -627,11 +643,34 @@ ul.files-list > li .use-with > span{
 }
 .method .show-doc,
 .method .edit-method{
+  position: relative;
   display: flex;
   align-items: center;
   color: #337ab7;
   border-left: 1px solid #e5e5e5;
   cursor: pointer;
+  transition-duration: .2s;
+}
+.method .show-doc:before{
+  content: "";
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  transform: rotate(45deg);
+  bottom: 0px;
+  opacity: 0;
+  transition-duration: .2s;
+  transition-property: bottom;
+  left: calc(50% - 5px);
+  background-color: #337ab7;
+}
+.method.doc-opened .show-doc{
+  background-color: #337ab7;
+  color: #fff;
+}
+.method.doc-opened .show-doc:before{
+  opacity: 1;
+  bottom: -5px;
 }
 .method .edit-method{
   padding: 0 15px;