Skip to content

Commit

Permalink
Work in progress
Browse files Browse the repository at this point in the history
  • Loading branch information
@RaphaelGauthier
RaphaelGauthier committed Aug 4, 2017
1 parent 6da6483 commit 4152ea6
Show file tree
Hide file tree
Showing 3 changed files with 378 additions and 36 deletions.
222 changes: 219 additions & 3 deletions builder/css/custom.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -141,6 +141,7 @@ a:hover {
outline: none;
padding: 0;
color: #555;
top: 1px;
}
.method-actions.disabled {
cursor: not-allowed;
Expand Down Expand Up @@ -513,6 +514,7 @@ button.btn-save.saving span.saving{
span.text-fit {
font-weight: normal;
}

.generic-methods .panel-title{
position: relative;
}
Expand Down Expand Up @@ -602,6 +604,183 @@ span.text-fit {
margin-left: 10px;
font-size: 16px;
}
.ng-toast.ng-toast--right .ng-toast__message {
text-align: left;
}

/* DEPRECATED METHODS */
li.deprecated{
display: none;
}
li.deprecated.used, li.deprecated.show {
display: block;
}

/* CUSTOM CHECKBOX */
.rudder-form input[type=checkbox] + .label-radio{
border-radius: 3px;
}
.rudder-form input[type=radio] + .label-radio,.rudder-form input[type=checkbox] + .label-radio{
display: inline-block;
height: 15px;
width: 15px;
border: 2px solid rgb(198, 200, 201);
text-align: center;
line-height: 34px;
position: relative;
top: 5px;
margin-bottom:0;
background-color: #fff;
}
.rudder-form input[type=radio] + .label-radio{
border-radius: 50%;
}
.rudder-form input[type=radio] + .label-radio + .text-radio,.rudder-form input[type=checkbox] + .label-radio + .text-radio{
-webkit-animation: text-radio-off .2s ease-in forwards;
-moz-animation: text-radio-off .2s ease-in forwards;
-o-animation: text-radio-off .2s ease-in forwards;
animation: text-radio-off .2s ease-in forwards;
}
.rudder-form input[type=radio]:checked + .label-radio + .text-radio,.rudder-form input[type=checkbox]:checked + .label-radio + .text-radio{
-webkit-animation: text-radio-on .2s ease-in forwards;
-moz-animation: text-radio-on .2s ease-in forwards;
-o-animation: text-radio-on .2s ease-in forwards;
animation: text-radio-on .2s ease-in forwards;
}
.rudder-form input[type=radio] + .label-radio span,.rudder-form input[type=checkbox] + .label-radio span{
font-size: 9px;
top: -12.5px;
left: 0.1px;
position: relative;
visibility:hidden;
animation: opacity-0 .2s linear forwards;
}
.rudder-form input[type=radio]:checked + .label-radio span,.rudder-form input[type=checkbox]:checked + .label-radio span{
visibility:visible;
animation: opacity-1 .2s linear forwards;
}
.rudder-form .text-radio{
position: relative;
top: -6px;
margin-left: 8px;
}
.rudder-form input[type=radio],.rudder-form input[type=checkbox]{
display: none;
}
.rudder-form input[type=radio]:disabled + .label-radio,.rudder-form input[type=checkbox]:disabled + .label-radio{
background-color: rgb(236,236,236);
}
.rudder-form input[type=radio]:disabled + .label-radio span,.rudder-form input[type=checkbox]:disabled + .label-radio span{
color:#898989;
}
.rudder-form input[type=radio]:checked:disabled + .label-radio + .text-radio, .rudder-form input[type=checkbox]:checked:disabled + .label-radio + .text-radio,.rudder-form input[type=radio]:disabled + .label-radio + .text-radio, .rudder-form input[type=checkbox]:disabled + .label-radio + .text-radio{
color: #B7B4B4;
-webkit-animation:none;
-moz-animation:none;
-o-animation:none;
animation:none;
}
ul.list-sm{
list-style-type: none;
}
ul.list-sm .rudder-form input[type=checkbox] + .label-radio + .check-icon{
font-size:12px;
}
ul > li.rudder-form:first-child > .input-group label.form-control,ul > li.rudder-form:first-child > .input-group .input-group-addon{
border-top:1px solid #d0d0d0;
}
#denyBadClocksForm ul > li:first-child > .input-group .input-group-addon,ul > li.rudder-form:first-child > .input-group .input-group-addon{
border-top-left-radius:4px;
}
#denyBadClocksForm ul > li:last-child > .input-group .input-group-addon,ul > li.rudder-form:last-child > .input-group .input-group-addon{
border-bottom-left-radius:4px;
}
ul > li.rudder-form:first-child > .input-group label.form-control{
border-top-right-radius:4px;
}
ul > li.rudder-form label{
cursor:pointer;
}
ul > li.rudder-form > .input-group label.form-control{
border-top-right-radius:0;
border-bottom-right-radius:0;
font-weight: 500;
color: #555;
font-size: 14px;
}
ul.list-sm > li.rudder-form > .input-group label.form-control{
height: auto;
min-height: 34px;
font-size: 14px;
}
ul > li.rudder-form > .input-group .input-group-addon{
padding: 3px 11px;
background-color: #f4f4f4;
}
ul.list-sm > li.rudder-form > .input-group .input-group-addon{
padding: 0 11px;
}
ul > li.rudder-form > .input-group label.form-control .glyphicon.info{
top:3px;
}
ul > li.rudder-form:last-child > .input-group label.form-control{
border-bottom-right-radius:4px;
padding-top: 6px;
}
ul > li.rudder-form > .input-group label.form-control,ul > li.rudder-form > .input-group .input-group-addon{
border-top:none;
}
ul > li.rudder-form > .input-group label.form-control{
padding-right: 40px;
}
ul > li.rudder-form > .input-group.disabled label.form-control,ul > li.rudder-form > .input-group.disabled .input-group-addon{
background-color: #eeeeee;
cursor:no-drop;
}
ul > li.rudder-form > .input-group.disabled *{
cursor:no-drop;
}
.rudder-form input[type=checkbox] + .label-radio + .check-icon,.rudder-form input[type=radio] + .label-radio + .check-icon{
position: absolute;
top: calc(50% - 7px);
right: 15px;
color: #222d32;
z-index: 10;
visibility:hidden;
animation: opacity-0 .1s linear forwards;
}
.list-sm .rudder-form input[type=checkbox] + .label-radio + .check-icon,.rudder-form input[type=radio] + .label-radio + .check-icon{
top: 11px;
}
.rudder-form .disabled input[type=checkbox] + .label-radio + .check-icon,.rudder-form .disabled input[type=radio] + .label-radio + .check-icon{
color: #7d7d7d;
}
.rudder-form input[type=checkbox]:checked + .label-radio + .check-icon,.rudder-form input[type=radio]:checked + .label-radio + .check-icon{
visibility:visible;
animation: opacity-1 .1s linear forwards;
}

.deprecated-icon{
color:#f08004;
top: -6px;
left: -2px;
font-size: 0.6em !important;
cursor: help;
}
.cursor-help{
cursor: help;
}

label.form-control .deprecated-icon{
cursor: inherit;
}
.popover-content b{
color: #f08004;
}
#methodBlock h3 > .deprecated-icon{
left: -4px;
top: -8px;
}
@-webkit-keyframes saving {
0% {
-ms-transform: rotate(0deg);
Expand Down Expand Up @@ -634,7 +813,44 @@ span.text-fit {
transform: rotate(360deg);
}
}

.ng-toast.ng-toast--right .ng-toast__message {
text-align: left;
@keyframes opacity-1 {
0% {opacity:0;visibility: visible;}
100% {opacity:1;visibility: visible;}
}
@keyframes opacity-0 {
0% {opacity:1;visibility: visible;}
99% {opacity:0;visibility: visible;}
100% {opacity:0;visibility: hidden;}
}
@-webkit-keyframes text-radio-on {
0% {color: #646464;}
100% {color: #222D32;}
}
@-moz-keyframes text-radio-on {
0% {color: #646464;}
100% {color: #222D32;}
}
@-o-keyframes text-radio-on {
0% {color: #646464;}
100% {color: #222D32;}
}
@keyframes text-radio-on {
0% {color: #646464;}
100% {color: #222D32;}
}
@-webkit-keyframes text-radio-off {
0% {color: #222D32;}
100% {color: #646464;}
}
@-moz-keyframes text-radio-off {
0% {color: #222D32;}
100% {color: #646464;}
}
@-o-keyframes text-radio-off {
0% {color: #222D32;}
100% {color: #646464;}
}
@keyframes text-radio-off {
0% {color: #222D32;}
100% {color: #646464;}
}
Loading

0 comments on commit 4152ea6

Please sign in to comment.