github-migration/engine
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

sub menu popup in place

Browse Source
This commit is contained in:
did 2011-11-16 11:19:57 +01:00
parent 2c18f401bb
commit a48b602ea9
4 changed files with 39 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/assets/javascripts/locomotive/views/application_view.js.coffee
View File

@ -5,6 +5,8 @@ class Locomotive.Views.ApplicationView extends Backbone.View
render: ->
@render_flash_messages(@options.flash)
@add_submenu_behaviours()
@center_ui_dialog()
if @options.view?
@ -20,3 +22,18 @@ class Locomotive.Views.ApplicationView extends Backbone.View
center_ui_dialog: ->
$(window).resize ->
$('.ui-dialog-content:visible').dialog('option', 'position', 'center')
add_submenu_behaviours: ->
# sub menu links
$('#submenu ul li.hoverable').hover(
->
$(@).find('a').addClass('hover')
$(@).find('.popup').show()
->
$(@).find('a').removeClass('hover');
$(@).find('.popup').hide()
)
css = $('#submenu > ul').attr('class')
$("#submenu > ul > li.#{css}").addClass('on') if css != ''

2
app/assets/stylesheets/locomotive/application.scss
View File

@ -78,14 +78,12 @@ ul.list {
float: left;
height: 31px;
width: 18px;
// background: transparent image-url("locomotive/list/item-left.png") no-repeat left 0;
}
strong {
display: block;
height: 31px;
margin-left: 18px;
// background: transparent image-url("locomotive/list/item-right.png") no-repeat right 0;
a {
position: relative;

2
app/assets/stylesheets/locomotive/layout.scss
View File

@ -48,8 +48,6 @@ body {
position: relative;
padding-top: 20px;
z-index: 99;
h1 {
margin-bottom: 0px;
font-size: 100%;

33
app/assets/stylesheets/locomotive/menu/sub.scss
View File

@ -38,7 +38,7 @@
border-color: transparent !important;
border-color-bottom: #fff;
padding-bottom: 0px;
@include border-left-radius(0px); // !important is missing here
@include border-bottom-radius(0px); // !important is missing here
position: relative;
z-index: 998;
@ -65,7 +65,6 @@
clear: both;
position: relative;
top: -1px;
z-index: 998;
height: 60px;
margin: 0px 8px;
padding: 0 0px;
@ -117,10 +116,16 @@
display: inline-block;
margin: 15px 0 0 0;
height: 20px;
line-height: 20px;
margin: 18px 0 0 0;
padding: 0px 10px 0 15px;
@include border-radius(10px);
text-decoration: none;
font-size: 11px;
em {
display: inline-block;
@ -128,9 +133,13 @@
background: transparent image-url("locomotive/menu/icons.png") no-repeat 0 0px;
height: 11px;
width: 11px;
top: 1px;
top: 2px;
left: -5px;
}
span {
font-size: 11px;
}
}
}
@ -141,7 +150,7 @@
top: 42px;
min-width: 250px;
background: #fff;
@include box-shadow(0px, 0px, 10px, rgba(0, 0, 0, 0.5));
@include box-shadow(rgba(0, 0, 0, 0.5) 0px 0px 10px 0px);
@include border-radius(16px);
@include border-top-left-radius(0px);
z-index: 997;
@ -161,7 +170,7 @@
.inner { padding: 8px 16px; }
h2 {
font-size: 0.7em;
font-size: 11px;
font-weight: bold;
color: #1e1f26;
margin-bottom: 0px;
@ -172,7 +181,7 @@
padding: 10px 0 0 0px;
a {
font-size: 0.8em;
font-size: 13px;
background: transparent image-url("locomotive/menu/popup/add.png") no-repeat left 4px;
padding-left: 12px;
}
@ -192,13 +201,15 @@
li {
position: relative;
height: 24px;
line-height: 24px;
a { font-size: 0.7em; }
a { font-size: 11px; }
span {
@include absolute-position(top, 6px, right, 15px, inline);
@include absolute-position(top, -1px, right, 0px, inline);
color: #8b8d9a;
font-size: 0.7em;
font-size: 11px;
}
}
@ -214,7 +225,7 @@
padding: 3px 10px;
background: #ebedf4;
font-weight: bold;
font-size: 0.8em;
font-size: 13px;
}
}
}