5 registers per row for better view
This commit is contained in:
Torsten Ruger
parent
c2d69c767c
commit
7a9e10fb5f
98
assets/css/app.css.sass
Normal file
98
assets/css/app.css.sass
Normal file
@ -0,0 +1,98 @@
|
||||
// Place your apps css here
|
||||
@import "susy"
|
||||
|
||||
|
||||
$susy: ( columns: 5 , gutter-position: split )
|
||||
|
||||
.one_class
|
||||
margin: 10px
|
||||
|
||||
|
||||
.classes
|
||||
@include span(12%)
|
||||
|
||||
|
||||
.source_view
|
||||
@include span(23%)
|
||||
|
||||
|
||||
.instruction_view
|
||||
@include span(23%)
|
||||
|
||||
|
||||
.status_view
|
||||
@include span(23%)
|
||||
line-height : 1.25em
|
||||
|
||||
|
||||
.labels_view
|
||||
@include span(1)
|
||||
margin-right: span(1)
|
||||
height: 200px
|
||||
|
||||
|
||||
.registers_view
|
||||
@include span(80%)
|
||||
.register_view
|
||||
@include gallery(1)
|
||||
margin-top: 10px
|
||||
|
||||
|
||||
|
||||
.field
|
||||
@include span(5)
|
||||
|
||||
|
||||
.value
|
||||
@include span(18)
|
||||
|
||||
|
||||
.value_head
|
||||
background-color: #C5FFD9
|
||||
|
||||
|
||||
.statement
|
||||
margin-left: 10px
|
||||
|
||||
|
||||
.ticker
|
||||
text-align: right
|
||||
|
||||
|
||||
.act
|
||||
background-color: #00B3FF
|
||||
-moz-border-radius: 7px
|
||||
-webkit-border-radius: 7px
|
||||
font-size: 100%
|
||||
|
||||
.crawl
|
||||
background-color: #009900
|
||||
-moz-border-radius: 7px
|
||||
-webkit-border-radius: 7px
|
||||
|
||||
.run
|
||||
background-color: #00CC33
|
||||
-moz-border-radius: 7px
|
||||
-webkit-border-radius: 7px
|
||||
|
||||
.wizz
|
||||
background-color: #00FF66
|
||||
-moz-border-radius: 7px
|
||||
-webkit-border-radius: 7px
|
||||
|
||||
|
||||
.bright
|
||||
padding-right: 6px
|
||||
padding-left: 6px
|
||||
background-color: #00E3FF
|
||||
-moz-border-radius: 7px
|
||||
-webkit-border-radius: 7px
|
||||
|
||||
|
||||
.fade_in
|
||||
transition: background-color 100ms linear
|
||||
padding-right: 6px
|
||||
padding-left: 6px
|
||||
background-color: #00E3FF
|
||||
-moz-border-radius: 7px
|
||||
-webkit-border-radius: 7px
|
||||
@ -1,104 +0,0 @@
|
||||
// Place your apps css here
|
||||
@import "susy";
|
||||
|
||||
|
||||
$susy: (
|
||||
columns: 24 ,
|
||||
gutter-position: split ,
|
||||
);
|
||||
|
||||
.debugger_view { @include container(90%); }
|
||||
|
||||
.one_class {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.classes {
|
||||
@include span(4);
|
||||
}
|
||||
|
||||
.source_view {
|
||||
@include span(7);
|
||||
margin-left: span(1);
|
||||
}
|
||||
|
||||
.instruction_view { @include span(9); }
|
||||
|
||||
.status_view {
|
||||
@include span(3 at 21);
|
||||
line-height : 1.25em;
|
||||
}
|
||||
|
||||
.labels_view {
|
||||
@include span(3);
|
||||
margin-right: span(1);
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.registers_view {
|
||||
@include span(20 at 3);
|
||||
}
|
||||
|
||||
.register_view {
|
||||
@include gallery(4);
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.field {
|
||||
@include span(5)
|
||||
}
|
||||
|
||||
.value {
|
||||
@include span(18)
|
||||
}
|
||||
|
||||
.value_head {
|
||||
background-color: #C5FFD9;
|
||||
}
|
||||
|
||||
.statement {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.ticker{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.act{
|
||||
background-color: #00B3FF;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
font-size: 100%;
|
||||
}
|
||||
.crawl{
|
||||
background-color: #009900;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
}
|
||||
.run{
|
||||
background-color: #00CC33;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
}
|
||||
.wizz{
|
||||
background-color: #00FF66;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
}
|
||||
|
||||
.bright {
|
||||
padding-right: 6px;
|
||||
padding-left: 6px;
|
||||
background-color: #00E3FF ;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
}
|
||||
|
||||
.fade_in {
|
||||
transition: background-color 100ms linear;
|
||||
padding-right: 6px;
|
||||
padding-left: 6px;
|
||||
background-color: #00E3FF ;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
}
|
||||
56
assets/css/menu.css.sass
Normal file
56
assets/css/menu.css.sass
Normal file
@ -0,0 +1,56 @@
|
||||
body
|
||||
font-family: arial, helvetica, serif
|
||||
|
||||
|
||||
#nav, #nav ul /* all lists */
|
||||
padding: 0
|
||||
margin: 0
|
||||
list-style: none
|
||||
float: left
|
||||
width: 190px
|
||||
border-radius: 8px
|
||||
background: #fff
|
||||
border: 1px solid #C3D46A
|
||||
|
||||
|
||||
#nav li /* all list items */
|
||||
position: relative
|
||||
float: left
|
||||
line-height: 1.25em
|
||||
width: 180px
|
||||
|
||||
|
||||
#nav li ul /* second-level lists */
|
||||
position: absolute
|
||||
left: -999em
|
||||
margin-left: 185px
|
||||
margin-top: -2.7em
|
||||
|
||||
|
||||
#nav li ul ul /* third-and-above-level lists */
|
||||
left: -999em
|
||||
|
||||
|
||||
#nav li a , li span
|
||||
padding-left: 5px
|
||||
width: 180px
|
||||
display: block
|
||||
color: black
|
||||
font-weight: bold
|
||||
text-decoration: none
|
||||
background-color: white
|
||||
border-radius: 7px
|
||||
|
||||
|
||||
#nav li a:hover
|
||||
color: white
|
||||
background-color: #98CC1F
|
||||
|
||||
|
||||
#nav li:hover ul ul, #nav li:hover ul ul ul , #nav li:hover ul ul ul ul , #nav li:hover ul ul ul ul ul
|
||||
left: -999em
|
||||
|
||||
|
||||
/* lists nested under hovered list items */
|
||||
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul , #nav li li li li li:hover ul
|
||||
left: auto
|
||||
@ -1,60 +0,0 @@
|
||||
body {
|
||||
font-family: arial, helvetica, serif;
|
||||
}
|
||||
|
||||
#nav, #nav ul { /* all lists */
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
float : left;
|
||||
width : 10em;
|
||||
/*border around submenu goes here*/
|
||||
-moz-border-radius: 8px;
|
||||
-webkit-border-radius: 8px;
|
||||
background:#fff;
|
||||
border:1px solid #C3D46A
|
||||
}
|
||||
|
||||
#nav li { /* all list items */
|
||||
position : relative;
|
||||
float : left;
|
||||
line-height : 1.25em;
|
||||
width: 9em;
|
||||
}
|
||||
|
||||
#nav li ul { /* second-level lists */
|
||||
position : absolute;
|
||||
left: -999em;
|
||||
margin-left : 10.0em;
|
||||
margin-top : -2.7em;
|
||||
}
|
||||
|
||||
#nav li ul ul { /* third-and-above-level lists */
|
||||
left: -999em;
|
||||
}
|
||||
|
||||
#nav li a , li span {
|
||||
padding-left: 0.5em;
|
||||
width : 9.5em;
|
||||
display : block;
|
||||
color : black;
|
||||
font-weight : bold;
|
||||
text-decoration : none;
|
||||
background-color : white;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
}
|
||||
|
||||
#nav li a:hover {
|
||||
color : white;
|
||||
background-color : #98CC1F;
|
||||
}
|
||||
|
||||
#nav li:hover ul ul, #nav li:hover ul ul ul , #nav li:hover ul ul ul ul , #nav li:hover ul ul ul ul ul{
|
||||
left: -999em;
|
||||
}
|
||||
|
||||
/* lists nested under hovered list items */
|
||||
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul , #nav li li li li li:hover ul {
|
||||
left: auto;
|
||||
}
|
||||
@ -29,8 +29,8 @@ run Opal::Server.new { |s|
|
||||
s.main = 'debugger.js.rb'
|
||||
s.append_path 'lib'
|
||||
s.append_path 'assets'
|
||||
# s.debug = !ENV["DEBUG"].nil?
|
||||
s.debug = !ENV["DEBUG"].nil?
|
||||
# s.source_map = true
|
||||
s.index_path = "index.html.erb"
|
||||
s.sprockets.cache = Sprockets::Cache::MemoryStore.new(5000)
|
||||
s.sprockets.cache = Sprockets::Cache::MemoryStore.new(10000)
|
||||
}
|
||||
|
||||
@ -45,7 +45,7 @@ class ObjectView < ListView
|
||||
end
|
||||
|
||||
def content_elements
|
||||
fields = [ConstantView.new("li" , "-------------------------")]
|
||||
fields = [ConstantView.new("li" , "----------------------------------")]
|
||||
object = @object
|
||||
if object and ! object.is_a?(String)
|
||||
object.get_instance_variables.each do |variable|
|
||||
|
||||
@ -56,7 +56,8 @@ class SelectView < ElementView
|
||||
def get_codes
|
||||
{set_internal_byte: "return 'Hello'.set_internal_byte(1,75)" ,
|
||||
called_if: 'if( 10 ); return "then";else;return "else";end' ,
|
||||
hello_world: "return 'Hello again'.putstring"
|
||||
hello_world: "h = 'Hello World'.putstring;return h",
|
||||
dynamic_call: "a = 15 ; return a.div10",
|
||||
}
|
||||
end
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user