Refactored code

Author: Pavitra Khatri

ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/scribble/v1/scribble/clientlibs/site/css/scribbleview.css

@@ -38,369 +38,3 @@ textarea.cmp-adaptiveform-scribble__widget{
 
 }
 
-.cmp-adaptiveform-scribble__header {
-    font-size: 19px;
-    font-weight: 100;
-    line-height: 24.7px;
-    margin-bottom: 10px;
-}
-
-.cmp-adaptiveform-scribble__canvas-signed-container {
-    position: relative;
-    border: 1px solid #AAAAAA;
-    height: 280px;
-    padding: 10px;
-    min-width: 50px;
-    width: 100%;
-    border-radius: 0.5rem;
-}
-
-.cmp-adaptiveform-scribble__canvas__main {
-    width: 100%;
-}
-
-.cmp-adaptiveform-scribble__canvas {
-    /* Styles for the canvas element where the signature is drawn */
-    /* border: 1px solid #616060; 
-    background-color: #f9f9f9;
-    color: black */
-    width: 100%;
-    height: 200px;
-    border:1px #AAAAAA dashed;
-    border-bottom: 0;
-    -ms-touch-action:pinch-zoom;
-    touch-action:pinch-zoom;
-}
-
-.cmp-adaptiveform-scribble__signcanvases{
-    width: 100%;
-    background-color: #FFF;
-}
-
- .cmp-adaptiveform-scribble__container {
-    font-family: Arial, sans-serif;
-    font-size: 12px;
-    min-width: 50px; /* Dialog will be no smaller than this */
-    width: 36%;
-   /* Dialog will wrap after this width */
-    background: #FFF;
-    border: solid 2px #999;
-    color: #000;
-    padding: 10px;
-    display: none;
-    -moz-border-radius: 10px;
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
-    background-color: #F8F8F8;
-   
-    /* display:none; */;
-    /* the shadow */
-    -moz-box-shadow: 10px 10px 5px #888888;
-    -webkit-box-shadow: 10px 10px 5px #888888;
-     box-shadow: 0px 0px 15px #888888;
-     
-    /* make dialog a non-selectatable thing */
-    -moz-user-select: none; 
-    -khtml-user-select: none; 
-    -webkit-user-select: none; 
-    -o-user-select: none; 
-    
-     z-index: 99998;
-     margin: 0;
-	 line-height:0;
-     position: absolute;
-     top: 50%;
-     left: 50%;
-     transform: translate(-50%, -50%);
-}
-
-.cmp-adaptiveform-scribble__controls {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: row;
-    flex-wrap: wrap;
-}
-
-.cmp-adaptiveform-scribble__control-message {
-    font-size: 14px;
-    font-weight: normal;
-    text-align: center;
-    line-height: 1.75em;
-    min-width: 50px;
-    color: #555555;
-    cursor: default;
-    padding: 10px;
-    margin: 0em;
-    display: none;
-}
-
-.cmp-adaptiveform-scribble__content {
-    background: 16px 16px no-repeat ;
-    margin: 0em;
-	min-width: 50px;
-    width: 100%;
-}
-
-.cmp-adaptiveform-scribble__panel {
-    text-align: center;
-    margin: 0em 0em 0em 0em;
-    background-color:black;
-    -moz-border-top-right-radius: 8px;
-    -webkit-border-top-right-radius: 8px;
-    border-top-right-radius: 8px;
-    -moz-border-top-left-radius: 8px;
-    -webkit-border-top-left-radius: 8px;
-    border-top-left-radius: 8px;
-    overflow:hidden;
-    background: #AFB0B5;
-    -ms-touch-action:pinch-zoom;
-    touch-action:pinch-zoom;
-}
-
-.cmp-adaptiveform-scribble__button {
-   background:no-repeat;
-   border-radius: 5px;
-   width:32px;
-   height:32px;
-   border: 1px solid #D5D5D5;
-   background-size:32px 32px;
-   margin-right:5px;
-   background-color: white;
-   background-position: center;
-}
-.cmp-adaptiveform-scribble__control-geo{
-  background-image:url('../resources/images/iEBox_geo.png');
-}
-.cmp-adaptiveform-scribble__control-text{
-    background-image:url('../resources/icontext.svg');
-}
-.cmp-adaptiveform-scribble__keyboard-sign-box{
-    border: 1px dashed#AAAAAA;
-    display:none;;
-    margin:0px;
-    border-radius: 0px 0px 0px 0px;
-    outline:none;
-    width: 100%;
-    height: 200px;
-}
-
-#keyboard_Sign_Box::placeholder {
-    font: 1rem sans-serif, Georgia;
-    vertical-align: middle;
-}
-
-.cmp-adaptiveform-scribble__control-brush{
-   background-image:url('../resources/images/signIcon.png');
-}
-
-.cmp-adaptiveform-scribble__control-submit {
-    width: 77px;
-    height: 40px;
-    margin: 5px;
-    padding: 9px 20px 11px 20px;
-    border: 1px transparent;
-    border-radius: 20px;
-    background-color: #0265DC;
-    color: white;
-}
-
-.cmp-adaptiveform-scribble__control-clear {
-    background-image:url('../resources/iconeraser.svg');
-}
-
-.cmp-adaptiveform-scribble__button-close {
-    width: 77px;
-    height: 40px;
-    font-weight: 700;
-    padding: 9px 20px 11px 20px;
-    margin: 5px;
-    border: 2px solid #4b4b4b;
-    color: #4b4b4b;
-    border-radius: 20px;
-}
-
-.cmp-adaptiveform-scribble__controlpanel {
-    margin-top: 40px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
-}
-
-/* @media (max-width: 780px) { */
-  
-    /* .cmp-adaptiveform-scribble__controlpanel {
-        flex-direction: column;
-    } */
-    /* .cmp-adaptiveform-scribble__controlpanel__controls {
-        margin-top: 10px;
-        flex-direction: row;
-    }
-    
-  } */
-
-  @media (max-width: 460px) {
-  
-    .cmp-adaptiveform-scribble__controlpanel__controls {
-        margin-top: 10px;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-    }
-    
-  }
-
-  @media (min-width: 460px) and (max-width: 1155px) {
-    .cmp-adaptiveform-scribble__controlpanel__controls {
-        margin-top: 10px;
-    }
-    
-    .cmp-adaptiveform-scribble__controlpanel {
-        margin-top: 40px;
-        align-items: center;
-        justify-content: center;
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-    }
-  }
-
-/* #iEBox_moveframe{
-padding:0px;
-margin:0px;
-    border:0px dotted rgba(0,0,0,0.5);
-    -moz-border-radius: 10px;
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
-    
-    -moz-box-shadow: 10px 10px 5px #888888;
-    -webkit-box-shadow: 10px 10px 5px #888888;
-     box-shadow: 0px 0px 15px #888888;
-   position:absolute;
-} */
-.disable_button {
-    filter: grayscale(100%); /* Apply grayscale effect */
-  -webkit-filter: grayscale(100%); /* For Safari and older versions of Chrome */
-  -moz-filter: grayscale(100%); /* For older versions of Firefox */
-  -ms-filter: grayscale(100%); /* For older versions of Internet Explorer */
-  -o-filter: grayscale(100%); /* For older versions of Opera */
-  cursor: not-allowed; /* Change cursor to indicate disabled state */
-  opacity: 0.6; /* Optional: Adjust opacity to give a faded look */
-  pointer-events: none; /* Disable all mouse events */
-  }
-.cmp-adaptiveform-scribble__clear-sign {
-    position: absolute;
-    width:20px;
-    height:20px;
-    background:no-repeat;
-    background-size:20px 20px; 
-    background-image:url('../resources/images/clearSignButton.png');
-    right: 5px;
-    top: 5px;
-}
-.cmp-adaptiveform-scribble__brushlist{
-    position:absolute;
-    z-index:99999;
-    background-color:white;
-    box-shadow: 0px 0px 15px #888888;
-    display: none;
-    left: 45px;
-}
-.cmp-adaptiveform-scribble__brushlist :hover{
-    background-color:gray;
-}
-.cmp-adaptiveform-scribble__caption {
-    border:4px dashed #AAAAAA;
-    border-bottom:0px;
-    border-left:0px;
-    border-right:0px;
-    margin-right:4px;
-    margin-left:1px;
-    margin-top:0px;
-    text-align:center;
-    padding:0px;
-}
-.cmp-adaptiveform-scribble__caption > legend {
-   width:auto;
-   background-color: #FFFFFF;
-   padding: 2px;
-}
-
-.cmp-adaptiveform-scribble__canvases {
-    white-space:nowrap;
-}
-
-.cmp-adaptiveform-scribble__clearsign-container {
-    font-size: 14px;
-    padding: 25px;
-    width: 280px;
-    height: 148px;
-    background: #FFF;
-    border: solid 1px #E6E6E6;
-    color: #000;
-    border-radius: 5px;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    display: none;
-    transform: translate(-50%, -50%);
-}
-
-.cmp-adaptiveform-scribble__clearsign-title {
-    font-size: 14px;
-    font-weight: bold;
-    line-height: 1.75em;
-    color: #000;
-    cursor: default;
-    padding-bottom: 10px;
-    margin: 0em;
-}
-
-.cmp-adaptiveform-scribble__clearsign-content {
-    background: 16px 16px no-repeat ;
-    padding: 1em 1.75em;
-    margin: 0em;
-}
-
-.cmp-adaptiveform-scribble__clearsign-message {
-    font-size: 14px;
-}
-
-.cmp-adaptiveform-scribble__clearsign-panel {
-    text-align: right;
-    margin: 1em 0em 0em 1em;
-}
-
-.cmp-adaptiveform-scribble__clearsign-yes{
-    width: 54px;
-    height: 24px;
-    margin: 5px;
-    font-size: 12px;
-    font-weight: 700;
-    border: 1px transparent;
-    border-radius: 20px;
-    background-color: #0265DC;
-    color: white;
-}
-
-
-.cmp-adaptiveform-scribble__clearsign-no{
-    width: 54px;
-    height: 24px;
-    font-weight: 700;
-    font-size: 12px;
-    margin: 5px;
-    background-color: #FFF;
-    border: 2px solid #D5D5D5;
-    color: #4b4b4b;
-    border-radius: 20px;
- }
- 
-/* .cmp-adaptiveform-scribble__clearsign-yes:focus,.cmp-adaptiveform-scribble__clearsign-no:focus{
- outline:highlight;
- }
- 
- .cmp-adaptiveform-scribble__clearsign-yes:hover,.cmp-adaptiveform-scribble__clearsign-no:hover{
- outline:none;
- border: 2px outset buttonface;
- } */