Commit 9e4c3936 authored by Gabriel Monnerat's avatar Gabriel Monnerat

erp5_document_scanner: Prevent this CSS to impact the other page elements

Clean up and Change all gadget's CSS rules to be prefixed by  `div[data-gadget-url$="gadget_document_scanner.html"]`
parent a725dea0
.device-selector { div[data-gadget-url$="gadget_document_scanner.html"] {
text-align: center; text-align: center;
font-size: 19px;
} }
div[data-gadget-scope="field_your_document_scanner_gadget"] { div[data-gadget-url$="gadget_document_scanner.html"] .photo,
text-align: center; div[data-gadget-url$="gadget_document_scanner.html"] .video,
} div[data-gadget-url$="gadget_document_scanner.html"] .camera-output,
div[data-gadget-url$="gadget_document_scanner.html"] .canvas {
.video, .photo, .camera-output, .canvas {
max-width: 100%; max-width: 100%;
width: auto; width: auto;
max-height: 500px; max-height: 500px;
...@@ -15,45 +13,38 @@ div[data-gadget-scope="field_your_document_scanner_gadget"] { ...@@ -15,45 +13,38 @@ div[data-gadget-scope="field_your_document_scanner_gadget"] {
text-align: center; text-align: center;
} }
.camera-input, .camera-output { div[data-gadget-url$="gadget_document_scanner.html"] .camera-input {
min-height: 360px; min-height: 360px;
// display: none;
} }
.canvas { div[data-gadget-url$="gadget_document_scanner.html"] .page-number {
// display: none;
filter: brightness(1);
}
.page-number {
display: inline; display: inline;
} }
.camera-header { div[data-gadget-url$="gadget_document_scanner.html"] .camera-header {
font-size: 12pt; font-size: 12pt;
font-weight: 400; font-weight: 400;
} }
.camera-input, .camera-output, .camera-header, .edit-picture { div[data-gadget-url$="gadget_document_scanner.html"] .camera-input,
div[data-gadget-url$="gadget_document_scanner.html"] .camera-output,
div[data-gadget-url$="gadget_document_scanner.html"] .camera-header,
div[data-gadget-url$="gadget_document_scanner.html"] .edit-picture {
text-align: center; text-align: center;
} }
.camera, .camera-input, .camera-output { div[data-gadget-url$="gadget_document_scanner.html"] .camera,
div[data-gadget-url$="gadget_document_scanner.html"] .camera-input {
display: inline-block; display: inline-block;
} }
.capture-button, .reset-button { div[data-gadget-url$="gadget_document_scanner.html"] .reset-btn,
display: inline; div[data-gadget-url$="gadget_document_scanner.html"] .confirm-btn,
margin: 0 2em 0 2em; div[data-gadget-url$="gadget_document_scanner.html"] .edit-btn,
} div[data-gadget-url$="gadget_document_scanner.html"] .take-picture-btn,
div[data-gadget-url$="gadget_document_scanner.html"] .capture-btn,
.startbutton { div[data-gadget-url$="gadget_document_scanner.html"] .change-camera-btn,
display: block; div[data-gadget-url$="gadget_document_scanner.html"] .confirm-btn {
margin: 0 auto;
}
.reset-btn, .confirm-btn, .edit-btn, .take-picture-btn,
.capture-btn, .change-camera-btn, .confirm-btn {
color: #212529; color: #212529;
padding: 3pt; padding: 3pt;
border: 1px solid rgba(0, 0, 0, 0.14); border: 1px solid rgba(0, 0, 0, 0.14);
...@@ -62,30 +53,11 @@ div[data-gadget-scope="field_your_document_scanner_gadget"] { ...@@ -62,30 +53,11 @@ div[data-gadget-scope="field_your_document_scanner_gadget"] {
margin-right: 6pt; margin-right: 6pt;
} }
.ui-btn-icon-left:before { div[data-gadget-url$="gadget_document_scanner.html"] .ui-btn-icon-left:before {
margin-right: 6pt; margin-right: 6pt;
} }
/* div[data-gadget-url$="gadget_document_scanner.html"] button:disabled,
.take-picture-btn, .capture-btn, .confirm-btn, div[data-gadget-url$="gadget_document_scanner.html"] button[disabled] {
.reset-btn, .confirm-btn, .change-camera-btn, .edit-btn {
display: none;
}
*/
.contentarea {
font-size: 16px;
font-family: "Lucida Grande", "Arial", sans-serif;
width: 760px;
}
button:disabled,
button[disabled]{
color: #999999; color: #999999;
}
@media only screen and (max-width: 600px) {
body {
max-height: 360px;
}
} }
\ No newline at end of file
...@@ -242,7 +242,7 @@ ...@@ -242,7 +242,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>981.18960.58948.16110</string> </value> <value> <string>981.22396.11562.3498</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -260,7 +260,7 @@ ...@@ -260,7 +260,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1579527559.65</float> <float>1580300337.44</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment