mirror of
https://github.com/sensebox/blockly-app
synced 2025-04-19 16:07:33 +02:00
minor style improvement blockly
This commit is contained in:
parent
a4e143adf3
commit
381269bae1
1 changed files with 61 additions and 67 deletions
|
@ -96,7 +96,7 @@
|
|||
|
||||
<!-- Sidebar navigation -->
|
||||
<ul id="slide-out" class="side-nav hidden">
|
||||
<li class="logo"><img src="img/sidenav_header.png" alt="Ardublockly block image"></li>
|
||||
<li class="logo"><img src="blockly/ardublockly/img/sidenav_header.png" alt="Ardublockly block image"></li>
|
||||
<li class="no-padding">
|
||||
<ul>
|
||||
<li id="menu_load"><a href="#"><span class="translatable_open">Open</span><i class="mdi-file-file-upload left"></i></a></li>
|
||||
|
@ -125,71 +125,68 @@
|
|||
</ul>
|
||||
|
||||
<!-- Content -->
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col s12 m12 l8" style="position:relative">
|
||||
<!-- Toolbox visibility button -->
|
||||
<a id="button_toggle_toolbox" class="waves-effect waves-light btn-flat button_toggle_toolbox_off hidden" style="display: none"><i id="button_toggle_toolbox_icon" class="mdi-action-visibility-off"></i></a>
|
||||
<!-- Arduino IDE action buttons -->
|
||||
<div id="ide_buttons_wrapper" class="hidden">
|
||||
<div id="buttons_offline">
|
||||
<a id="button_ide_left" class="waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_yellow"><i id="button_ide_left_icon" class="mdi-action-open-in-browser"></i></a>
|
||||
<a id="button_ide_middle" class="waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_teal"><i id="button_ide_middle_icon" class="mdi-navigation-check"></i></a>
|
||||
<a id="button_ide_large" class="waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_orange"><i id="button_ide_large_icon" class="mdi-av-play-arrow"></i></a>
|
||||
</div>
|
||||
<!-- Toolbox visibility button -->
|
||||
<a id="button_toggle_toolbox" class="waves-effect waves-light btn-flat button_toggle_toolbox_off hidden" style="display: none"><i id="button_toggle_toolbox_icon" class="mdi-action-visibility-off"></i></a>
|
||||
<!-- Arduino IDE action buttons -->
|
||||
<div id="ide_buttons_wrapper" class="hidden">
|
||||
<div id="buttons_offline">
|
||||
<a id="button_ide_left" class="waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_yellow"><i id="button_ide_left_icon" class="mdi-action-open-in-browser"></i></a>
|
||||
<a id="button_ide_middle" class="waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_teal"><i id="button_ide_middle_icon" class="mdi-navigation-check"></i></a>
|
||||
<a id="button_ide_large" class="waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_orange"><i id="button_ide_large_icon" class="mdi-av-play-arrow"></i></a>
|
||||
</div>
|
||||
|
||||
<div id="buttons_online" class="hidden">
|
||||
<a id="button_copy_clipboard" class="tooltipped copy-btn waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_blue" data-clipboard-action="copy" data-clipboard-target="#content_arduino" data-position="left" data-delay="750" data-tooltip="In Zwischenablage kopieren"><i id="button_copy_clipboard_icon" class="mdi-action-assignment"></i></a>
|
||||
<a id="button_compile_sketch" class="tooltipped copy-btn waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_orange" data-position="left" data-delay="750" data-tooltip="Sketch kompilieren"><i id="button_compile_sketch_icon" class="mdi-action-assignment-turned-in"></i></a>
|
||||
</div>
|
||||
<div id="buttons_online" class="hidden">
|
||||
<a id="button_copy_clipboard" class="tooltipped copy-btn waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_blue" data-clipboard-action="copy" data-clipboard-target="#content_arduino" data-position="left" data-delay="750" data-tooltip="In Zwischenablage kopieren"><i id="button_copy_clipboard_icon" class="mdi-action-assignment"></i></a>
|
||||
<a id="button_compile_sketch" class="tooltipped copy-btn waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_orange" data-position="left" data-delay="750" data-tooltip="Sketch kompilieren"><i id="button_compile_sketch_icon" class="mdi-action-assignment-turned-in"></i></a>
|
||||
</div>
|
||||
|
||||
<div id="button_ide_large_spinner" class="preloader-wrapper active ide_loader" style="display:none">
|
||||
<div class="spinner-layer spinner-orange">
|
||||
<div class="circle-clipper left">
|
||||
<div class="circle"></div>
|
||||
</div><div class="gap-patch">
|
||||
<div class="circle"></div>
|
||||
</div><div class="circle-clipper right">
|
||||
<div class="circle"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="spinner-layer spinner-dark-teal">
|
||||
<div class="circle-clipper left">
|
||||
<div class="circle"></div>
|
||||
</div><div class="gap-patch">
|
||||
<div class="circle"></div>
|
||||
</div><div class="circle-clipper right">
|
||||
<div class="circle"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="spinner-layer spinner-yellow">
|
||||
<div class="circle-clipper left">
|
||||
<div class="circle"></div>
|
||||
</div><div class="gap-patch">
|
||||
<div class="circle"></div>
|
||||
</div><div class="circle-clipper right">
|
||||
<div class="circle"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="spinner-layer spinner-light-teal">
|
||||
<div class="circle-clipper left">
|
||||
<div class="circle"></div>
|
||||
</div><div class="gap-patch">
|
||||
<div class="circle"></div>
|
||||
</div><div class="circle-clipper right">
|
||||
<div class="circle"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="button_ide_large_spinner" class="preloader-wrapper active ide_loader" style="display:none">
|
||||
<div class="spinner-layer spinner-orange">
|
||||
<div class="circle-clipper left">
|
||||
<div class="circle"></div>
|
||||
</div><div class="gap-patch">
|
||||
<div class="circle"></div>
|
||||
</div><div class="circle-clipper right">
|
||||
<div class="circle"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Blockly Panel -->
|
||||
<div class="card-panel white resize" style="padding: 0">
|
||||
<div id="blocks_panel" class="content blocks_panel_large">
|
||||
<div id="content_blocks" class="content z-depth-1"></div>
|
||||
<div class="spinner-layer spinner-dark-teal">
|
||||
<div class="circle-clipper left">
|
||||
<div class="circle"></div>
|
||||
</div><div class="gap-patch">
|
||||
<div class="circle"></div>
|
||||
</div><div class="circle-clipper right">
|
||||
<div class="circle"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="spinner-layer spinner-yellow">
|
||||
<div class="circle-clipper left">
|
||||
<div class="circle"></div>
|
||||
</div><div class="gap-patch">
|
||||
<div class="circle"></div>
|
||||
</div><div class="circle-clipper right">
|
||||
<div class="circle"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="spinner-layer spinner-light-teal">
|
||||
<div class="circle-clipper left">
|
||||
<div class="circle"></div>
|
||||
</div><div class="gap-patch">
|
||||
<div class="circle"></div>
|
||||
</div><div class="circle-clipper right">
|
||||
<div class="circle"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col s12 m12 l4 hidden">
|
||||
</div>
|
||||
<!-- Blockly Panel -->
|
||||
<div class="card-panel white" style="padding: 0">
|
||||
<div id="blocks_panel" class="content blocks_panel_large">
|
||||
<div id="content_blocks" class="content z-depth-1"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hidden">
|
||||
<ul class="collapsible z-depth-1" data-collapsible="accordion">
|
||||
<li>
|
||||
<div class="collapsible-header active">
|
||||
|
@ -212,8 +209,6 @@
|
|||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- IDE Output content -->
|
||||
<div class="ide_output_wrapper hidden">
|
||||
|
@ -229,11 +224,10 @@
|
|||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="ide_output_spacer"></div>
|
||||
|
||||
<!-- Settings: Displayed as a Materialize Modal -->
|
||||
<div id="settings_dialog" class="modal modal-fixed-footer">
|
||||
<div class="modal-content">
|
||||
<div id="settings_dialog" class="modal modal-fixed-footer hidden">
|
||||
<div class="modal-content hidden">
|
||||
<h4><span class="translatable_settings">Settings</span></h4>
|
||||
<div class="modal_section online">
|
||||
<label><span class="translatable_compilerLocation">Compiler Location</span>:</label>
|
||||
|
@ -279,7 +273,7 @@
|
|||
</div>
|
||||
|
||||
<!-- Select Additional Blocks menu -->
|
||||
<div id="blocks_menu" class="modal modal-fixed-footer">
|
||||
<div id="blocks_menu" class="modal modal-fixed-footer hidden">
|
||||
<div class="modal-content">
|
||||
<div>
|
||||
<h4><span class="translatable_addBlocksTitle">Additional Blocks</span></h4>
|
||||
|
@ -292,7 +286,7 @@
|
|||
</div>
|
||||
|
||||
<!-- General Alert: Content is loaded using JavaScript to display alerts -->
|
||||
<div id="gen_alert" class="modal modal_small modal-fixed-footer">
|
||||
<div id="gen_alert" class="modal modal_small modal-fixed-footer hidden">
|
||||
<div class="modal-content">
|
||||
<h5 id="gen_alert_title">Empty Alert</h4>
|
||||
<p><span id="gen_alert_body">Empty alert text</span></p>
|
||||
|
@ -304,7 +298,7 @@
|
|||
</div>
|
||||
|
||||
<!-- Prompt: Content is loaded using JavaScript to display input prompt -->
|
||||
<div id="gen_prompt" class="modal modal_small modal-fixed-footer">
|
||||
<div id="gen_prompt" class="modal modal_small modal-fixed-footer hidden">
|
||||
<div class="modal-content">
|
||||
<p><span id="gen_prompt_message">Prompt message</span></p>
|
||||
<p><input id="gen_prompt_input" value="test" /></p>
|
||||
|
|
Loading…
Add table
Reference in a new issue