ManuelW/octoprint-customControl
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: ManuelW:master
Branches Tags
ManuelW:master
ManuelW:devel
ManuelW:0.2.2
ManuelW:0.2.1
ManuelW:0.2.0
ManuelW:0.1.0
..
compare: ManuelW:devel
Branches Tags
ManuelW:devel
ManuelW:master
ManuelW:0.2.2
ManuelW:0.2.1
ManuelW:0.2.0
ManuelW:0.1.0

1 Commits
master ... devel

Author SHA1 Message Date
Salandora
f1a9e01642 Fix for #33 this plugin was not compatible with the Themeify-plugin 2020-05-24 19:40:15 +02:00
5 changed files with 17 additions and 14 deletions
Show Stats Expand all files Collapse all files

2
octoprint_customControl/__init__.py
View File

@ -38,7 +38,7 @@ class CustomControlPlugin(octoprint.plugin.SettingsPlugin,
"js/customControl.js", "js/customControl.js",
"js/customControlDialog.js", "js/customControlDialog.js",
], ],
css=["css/customControls.css"], css=["css/customControls.min.css"],
less=["less/customControls.less"] less=["less/customControls.less"]
) )

22
octoprint_customControl/static/css/customControls.css
View File

@ -1,40 +1,40 @@
#customControls .innerSortable { #settings_plugin_customControl .innerSortable {
width: 100%; width: 100%;
min-height: 50px; min-height: 50px;
} }
#customControls .custom_section_horizontal > .custom_control { .customControlEditor .custom_section_horizontal > .custom_control {
display: inline-block; display: inline-block;
} }
#customControls .custom_section_vertical > .custom_control { .customControlEditor .custom_section_vertical > .custom_control {
display: block; display: block;
} }
#customControls .custom_section_vertical_section { .customControlEditor .custom_section_vertical_section {
min-width: 15px; min-width: 15px;
min-height: 15px; min-height: 15px;
border: 1px dashed #000000; border: 1px dashed #000000;
} }
#customControls .slider.slider-disabled .slider-track { .customControlEditor .slider.slider-disabled .slider-track {
cursor: default !important; cursor: default !important;
} }
#customControls input[disabled] { .customControlEditor input[disabled] {
background: #fff !important; background: #fff !important;
cursor: text !important; cursor: text !important;
} }
#customControls .btn-group { .customControlEditor .btn-group {
margin-bottom: 10px; margin-bottom: 10px;
} }
#customControls .btn-group.distance > .btn { .customControlEditor .btn-group.distance > .btn {
width: 43px; width: 43px;
padding: 3px 0; padding: 3px 0;
height: 30px; height: 30px;
} }
#customControls .slider-handle { .customControlEditor .slider-handle {
width: 14px; width: 14px;
height: 14px; height: 14px;
margin-left: -7px; margin-left: -7px;
margin-top: -3px; margin-top: -3px;
} }
#customControls .custom_section h1 { .customControlEditor .custom_section h1 {
cursor: pointer; cursor: pointer;
display: block; display: block;
width: 100%; width: 100%;
@ -47,7 +47,7 @@
border-bottom: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;
font-weight: normal; font-weight: normal;
} }
#customControls .custom_control .slider { .customControlEditor .custom_control .slider {
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
margin-bottom: 2px; margin-bottom: 2px;

1
octoprint_customControl/static/css/customControls.min.css vendored Normal file
View File

@ -0,0 +1 @@
#settings_plugin_customControl .innerSortable{width:100%;min-height:50px}.customControlEditor .custom_section_horizontal>.custom_control{display:inline-block}.customControlEditor .custom_section_vertical>.custom_control{display:block}.customControlEditor .custom_section_vertical_section{min-width:15px;min-height:15px;border:1px dashed #000}.customControlEditor .slider.slider-disabled .slider-track{cursor:default!important}.customControlEditor input[disabled]{background:#fff!important;cursor:text!important}.customControlEditor .btn-group{margin-bottom:10px}.customControlEditor .btn-group.distance>.btn{width:43px;padding:3px 0;height:30px}.customControlEditor .slider-handle{width:14px;height:14px;margin-left:-7px;margin-top:-3px}.customControlEditor .custom_section h1{cursor:pointer;display:block;width:100%;padding:0;margin-bottom:10px;font-size:21px;line-height:40px;color:#333;border:0;border-bottom:1px solid #E5E5E5;font-weight:400}.customControlEditor .custom_control .slider{margin-left:10px;margin-right:10px;margin-bottom:2px}

4
octoprint_customControl/static/less/customControls.less
View File

@ -1,9 +1,11 @@
#customControls { #settings_plugin_customControl {
.innerSortable { .innerSortable {
width: 100%; width: 100%;
min-height: 50px; min-height: 50px;
} }
}
.customControlEditor {
.custom_section_horizontal > .custom_control { .custom_section_horizontal > .custom_control {
display:inline-block; display:inline-block;
} }

2
octoprint_customControl/templates/customControl_hookedsettings.jinja2
View File

@ -4,7 +4,7 @@
</div> </div>
<!-- "width: 588px" to be the same as teh real Control tab--> <!-- "width: 588px" to be the same as teh real Control tab-->
<div class="innerSortable" style="width: 588px; clear: both; display: none;" id="customControls" data-bind="visible: loginState.isUser, template: { name: $root.displayMode, foreach: controls }"></div> <div class="customControlEditor innerSortable" style="width: 588px; clear: both; display: none;" id="customControls" data-bind="visible: loginState.isUser, template: { name: $root.displayMode, foreach: controls }"></div>
<ul id="controlContextMenu" class="dropdown-menu" role="menu" style="display:block;position:fixed !important;margin-bottom:5px;"> <ul id="controlContextMenu" class="dropdown-menu" role="menu" style="display:block;position:fixed !important;margin-bottom:5px;">
<li> <li>