jquery-layout-rails 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/MIT-LICENSE +20 -0
- data/README.md +25 -0
- data/Rakefile +27 -0
- data/lib/jquery-layout-rails.rb +5 -0
- data/lib/jquery-layout-rails/engine.rb +4 -0
- data/lib/jquery-layout-rails/version.rb +3 -0
- data/vendor/assets/javascripts/jquery-layout.js +2 -0
- data/vendor/assets/javascripts/jquery/layout.js +5449 -0
- data/vendor/assets/stylesheets/jquery-layout-default.css +174 -0
- metadata +78 -0
@@ -0,0 +1,174 @@
|
|
1
|
+
/*
|
2
|
+
* Default Layout Theme
|
3
|
+
*
|
4
|
+
* Created for jquery.layout
|
5
|
+
*
|
6
|
+
* Copyright (c) 2010
|
7
|
+
* Fabrizio Balliano (http://www.fabrizioballiano.net)
|
8
|
+
* Kevin Dalman (http://allpro.net)
|
9
|
+
*
|
10
|
+
* Dual licensed under the GPL (http://www.gnu.org/licenses/gpl.html)
|
11
|
+
* and MIT (http://www.opensource.org/licenses/mit-license.php) licenses.
|
12
|
+
*
|
13
|
+
* Last Updated: 2010-02-10
|
14
|
+
* NOTE: For best code readability, view this with a fixed-space font and tabs equal to 4-chars
|
15
|
+
*/
|
16
|
+
|
17
|
+
/*
|
18
|
+
* DEFAULT FONT
|
19
|
+
* Just to make demo-pages look better - not actually relevant to Layout!
|
20
|
+
*/
|
21
|
+
body {
|
22
|
+
font-family: Geneva, Arial, Helvetica, sans-serif;
|
23
|
+
font-size: 100%;
|
24
|
+
*font-size: 80%;
|
25
|
+
}
|
26
|
+
|
27
|
+
/*
|
28
|
+
* PANES & CONTENT-DIVs
|
29
|
+
*/
|
30
|
+
.ui-layout-pane { /* all 'panes' */
|
31
|
+
background: #FFF;
|
32
|
+
border: 1px solid #BBB;
|
33
|
+
padding: 10px;
|
34
|
+
overflow: auto;
|
35
|
+
/* DO NOT add scrolling (or padding) to 'panes' that have a content-div,
|
36
|
+
otherwise you may get double-scrollbars - on the pane AND on the content-div
|
37
|
+
- use ui-layout-wrapper class if pane has a content-div
|
38
|
+
- use ui-layout-container if pane has an inner-layout
|
39
|
+
*/
|
40
|
+
}
|
41
|
+
/* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s) */
|
42
|
+
.ui-layout-content {
|
43
|
+
padding: 10px;
|
44
|
+
position: relative; /* contain floated or positioned elements */
|
45
|
+
overflow: auto; /* add scrolling to content-div */
|
46
|
+
}
|
47
|
+
|
48
|
+
/*
|
49
|
+
* UTILITY CLASSES
|
50
|
+
* Must come AFTER pane-class above so will override
|
51
|
+
* These classes are NOT auto-generated and are NOT used by Layout
|
52
|
+
*/
|
53
|
+
.layout-child-container,
|
54
|
+
.layout-content-container {
|
55
|
+
padding: 0;
|
56
|
+
overflow: hidden;
|
57
|
+
}
|
58
|
+
.layout-child-container {
|
59
|
+
border: 0; /* remove border because inner-layout-panes probably have borders */
|
60
|
+
}
|
61
|
+
.layout-scroll {
|
62
|
+
overflow: auto;
|
63
|
+
}
|
64
|
+
.layout-hide {
|
65
|
+
display: none;
|
66
|
+
}
|
67
|
+
|
68
|
+
/*
|
69
|
+
* RESIZER-BARS
|
70
|
+
*/
|
71
|
+
.ui-layout-resizer { /* all 'resizer-bars' */
|
72
|
+
background: #DDD;
|
73
|
+
border: 1px solid #BBB;
|
74
|
+
border-width: 0;
|
75
|
+
}
|
76
|
+
.ui-layout-resizer-drag { /* REAL resizer while resize in progress */
|
77
|
+
}
|
78
|
+
.ui-layout-resizer-hover { /* affects both open and closed states */
|
79
|
+
}
|
80
|
+
/* NOTE: It looks best when 'hover' and 'dragging' are set to the same color,
|
81
|
+
otherwise color shifts while dragging when bar can't keep up with mouse */
|
82
|
+
.ui-layout-resizer-open-hover , /* hover-color to 'resize' */
|
83
|
+
.ui-layout-resizer-dragging { /* resizer beging 'dragging' */
|
84
|
+
background: #C4E1A4;
|
85
|
+
}
|
86
|
+
.ui-layout-resizer-dragging { /* CLONED resizer being dragged */
|
87
|
+
border: 1px solid #BBB;
|
88
|
+
}
|
89
|
+
/* NOTE: Add a 'dragging-limit' color to provide visual feedback when resizer hits min/max size limits */
|
90
|
+
.ui-layout-resizer-dragging-limit { /* CLONED resizer at min or max size-limit */
|
91
|
+
background: #E1A4A4; /* red */
|
92
|
+
}
|
93
|
+
|
94
|
+
.ui-layout-resizer-closed-hover { /* hover-color to 'slide open' */
|
95
|
+
background: #EBD5AA;
|
96
|
+
}
|
97
|
+
.ui-layout-resizer-sliding { /* resizer when pane is 'slid open' */
|
98
|
+
opacity: .10; /* show only a slight shadow */
|
99
|
+
filter: alpha(opacity=10);
|
100
|
+
}
|
101
|
+
.ui-layout-resizer-sliding-hover { /* sliding resizer - hover */
|
102
|
+
opacity: 1.00; /* on-hover, show the resizer-bar normally */
|
103
|
+
filter: alpha(opacity=100);
|
104
|
+
}
|
105
|
+
/* sliding resizer - add 'outside-border' to resizer on-hover
|
106
|
+
* this sample illustrates how to target specific panes and states */
|
107
|
+
.ui-layout-resizer-north-sliding-hover { border-bottom-width: 1px; }
|
108
|
+
.ui-layout-resizer-south-sliding-hover { border-top-width: 1px; }
|
109
|
+
.ui-layout-resizer-west-sliding-hover { border-right-width: 1px; }
|
110
|
+
.ui-layout-resizer-east-sliding-hover { border-left-width: 1px; }
|
111
|
+
|
112
|
+
/*
|
113
|
+
* TOGGLER-BUTTONS
|
114
|
+
*/
|
115
|
+
.ui-layout-toggler {
|
116
|
+
border: 1px solid #BBB; /* match pane-border */
|
117
|
+
background-color: #BBB;
|
118
|
+
}
|
119
|
+
.ui-layout-resizer-hover .ui-layout-toggler {
|
120
|
+
opacity: .60;
|
121
|
+
filter: alpha(opacity=60);
|
122
|
+
}
|
123
|
+
.ui-layout-toggler-hover , /* need when NOT resizable */
|
124
|
+
.ui-layout-resizer-hover .ui-layout-toggler-hover { /* need specificity when IS resizable */
|
125
|
+
background-color: #FC6;
|
126
|
+
opacity: 1.00;
|
127
|
+
filter: alpha(opacity=100);
|
128
|
+
}
|
129
|
+
.ui-layout-toggler-north ,
|
130
|
+
.ui-layout-toggler-south {
|
131
|
+
border-width: 0 1px; /* left/right borders */
|
132
|
+
}
|
133
|
+
.ui-layout-toggler-west ,
|
134
|
+
.ui-layout-toggler-east {
|
135
|
+
border-width: 1px 0; /* top/bottom borders */
|
136
|
+
}
|
137
|
+
/* hide the toggler-button when the pane is 'slid open' */
|
138
|
+
.ui-layout-resizer-sliding .ui-layout-toggler {
|
139
|
+
display: none;
|
140
|
+
}
|
141
|
+
/*
|
142
|
+
* style the text we put INSIDE the togglers
|
143
|
+
*/
|
144
|
+
.ui-layout-toggler .content {
|
145
|
+
color: #666;
|
146
|
+
font-size: 12px;
|
147
|
+
font-weight: bold;
|
148
|
+
width: 100%;
|
149
|
+
padding-bottom: 0.35ex; /* to 'vertically center' text inside text-span */
|
150
|
+
}
|
151
|
+
|
152
|
+
/*
|
153
|
+
* PANE-MASKS
|
154
|
+
* these styles are hard-coded on mask elems, but are also
|
155
|
+
* included here as !important to ensure will overrides any generic styles
|
156
|
+
*/
|
157
|
+
.ui-layout-mask {
|
158
|
+
border: none !important;
|
159
|
+
padding: 0 !important;
|
160
|
+
margin: 0 !important;
|
161
|
+
overflow: hidden !important;
|
162
|
+
position: absolute !important;
|
163
|
+
opacity: 0 !important;
|
164
|
+
filter: Alpha(Opacity="0") !important;
|
165
|
+
}
|
166
|
+
.ui-layout-mask-inside-pane { /* masks always inside pane EXCEPT when pane is an iframe */
|
167
|
+
top: 0 !important;
|
168
|
+
left: 0 !important;
|
169
|
+
width: 100% !important;
|
170
|
+
height: 100% !important;
|
171
|
+
}
|
172
|
+
div.ui-layout-mask {} /* standard mask for iframes */
|
173
|
+
iframe.ui-layout-mask {} /* extra mask for objects/applets */
|
174
|
+
|
metadata
ADDED
@@ -0,0 +1,78 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: jquery-layout-rails
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.0.1
|
5
|
+
prerelease:
|
6
|
+
platform: ruby
|
7
|
+
authors:
|
8
|
+
- Rodrigo Rosenfeld Rosas
|
9
|
+
autorequire:
|
10
|
+
bindir: bin
|
11
|
+
cert_chain: []
|
12
|
+
date: 2012-07-03 00:00:00.000000000 Z
|
13
|
+
dependencies:
|
14
|
+
- !ruby/object:Gem::Dependency
|
15
|
+
name: jquery-rails
|
16
|
+
requirement: !ruby/object:Gem::Requirement
|
17
|
+
none: false
|
18
|
+
requirements:
|
19
|
+
- - ! '>='
|
20
|
+
- !ruby/object:Gem::Version
|
21
|
+
version: '0'
|
22
|
+
type: :runtime
|
23
|
+
prerelease: false
|
24
|
+
version_requirements: !ruby/object:Gem::Requirement
|
25
|
+
none: false
|
26
|
+
requirements:
|
27
|
+
- - ! '>='
|
28
|
+
- !ruby/object:Gem::Version
|
29
|
+
version: '0'
|
30
|
+
description: Resizable panels jQuery plugin.
|
31
|
+
email:
|
32
|
+
- rr.rosas@gmail.com
|
33
|
+
executables: []
|
34
|
+
extensions: []
|
35
|
+
extra_rdoc_files: []
|
36
|
+
files:
|
37
|
+
- lib/jquery-layout-rails.rb
|
38
|
+
- lib/jquery-layout-rails/engine.rb
|
39
|
+
- lib/jquery-layout-rails/version.rb
|
40
|
+
- vendor/assets/javascripts/jquery/layout.js
|
41
|
+
- vendor/assets/javascripts/jquery-layout.js
|
42
|
+
- vendor/assets/stylesheets/jquery-layout-default.css
|
43
|
+
- MIT-LICENSE
|
44
|
+
- Rakefile
|
45
|
+
- README.md
|
46
|
+
homepage: http://github.com/rosenfeld/jquery-layout-rails
|
47
|
+
licenses:
|
48
|
+
- MIT
|
49
|
+
- GPL
|
50
|
+
post_install_message:
|
51
|
+
rdoc_options: []
|
52
|
+
require_paths:
|
53
|
+
- lib
|
54
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
55
|
+
none: false
|
56
|
+
requirements:
|
57
|
+
- - ! '>='
|
58
|
+
- !ruby/object:Gem::Version
|
59
|
+
version: '0'
|
60
|
+
segments:
|
61
|
+
- 0
|
62
|
+
hash: -3410083021269180087
|
63
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
64
|
+
none: false
|
65
|
+
requirements:
|
66
|
+
- - ! '>='
|
67
|
+
- !ruby/object:Gem::Version
|
68
|
+
version: '0'
|
69
|
+
segments:
|
70
|
+
- 0
|
71
|
+
hash: -3410083021269180087
|
72
|
+
requirements: []
|
73
|
+
rubyforge_project:
|
74
|
+
rubygems_version: 1.8.24
|
75
|
+
signing_key:
|
76
|
+
specification_version: 3
|
77
|
+
summary: jQuery layout plugin packaged as a Rails engine.
|
78
|
+
test_files: []
|