flexa_lib 0.3.3 → 0.3.4
Sign up to get free protection for your applications and to get access to all the features.
- data/flexa_lib.gemspec +1 -1
- data/lib/flexa_lib/inputs/date_picker_input.rb +9 -21
- data/lib/flexa_lib/inputs.rb +1 -1
- data/lib/generators/flexa_lib/lookup/templates/lookup_view.erb +1 -1
- data/vendor/assets/images/ui-bg_flat_0_aaaaaa_40x100.png +0 -0
- data/vendor/assets/images/ui-bg_flat_0_eeeeee_40x100.png +0 -0
- data/vendor/assets/images/ui-bg_flat_55_ffffff_40x100.png +0 -0
- data/vendor/assets/images/ui-bg_flat_75_ffffff_40x100.png +0 -0
- data/vendor/assets/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
- data/vendor/assets/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png +0 -0
- data/vendor/assets/images/ui-bg_highlight-soft_25_0073ea_1x100.png +0 -0
- data/vendor/assets/images/ui-bg_highlight-soft_50_dddddd_1x100.png +0 -0
- data/vendor/assets/images/ui-icons_0073ea_256x240.png +0 -0
- data/vendor/assets/images/ui-icons_454545_256x240.png +0 -0
- data/vendor/assets/images/ui-icons_666666_256x240.png +0 -0
- data/vendor/assets/images/ui-icons_ff0084_256x240.png +0 -0
- data/vendor/assets/images/ui-icons_ffffff_256x240.png +0 -0
- data/vendor/assets/javascripts/flexa-themejs.js +15 -2
- data/vendor/assets/javascripts/jquery-ui-1.8.18.custom.min.js +356 -0
- data/vendor/assets/stylesheets/_datepicker.scss +130 -0
- data/vendor/assets/stylesheets/flexa-theme.css.scss +5 -0
- data/vendor/assets/stylesheets/jquery-ui-1.8.18.custom.css +565 -0
- metadata +256 -270
@@ -0,0 +1,130 @@
|
|
1
|
+
.datepicker {
|
2
|
+
background-color: #ffffff;
|
3
|
+
border-color: #999;
|
4
|
+
border-color: rgba(0, 0, 0, 0.2);
|
5
|
+
border-style: solid;
|
6
|
+
border-width: 1px;
|
7
|
+
-webkit-border-radius: 4px;
|
8
|
+
-moz-border-radius: 4px;
|
9
|
+
border-radius: 4px;
|
10
|
+
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
11
|
+
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
12
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
13
|
+
-webkit-background-clip: padding-box;
|
14
|
+
-moz-background-clip: padding-box;
|
15
|
+
background-clip: padding-box;
|
16
|
+
display: none;
|
17
|
+
position: absolute;
|
18
|
+
z-index: 900;
|
19
|
+
margin-left: 0;
|
20
|
+
margin-right: 0;
|
21
|
+
margin-bottom: 18px;
|
22
|
+
padding-bottom: 4px;
|
23
|
+
width: 218px;
|
24
|
+
}
|
25
|
+
.datepicker .nav {
|
26
|
+
font-weight: bold;
|
27
|
+
width: 100%;
|
28
|
+
padding: 4px 0;
|
29
|
+
background-color: #f5f5f5;
|
30
|
+
color: #808080;
|
31
|
+
border-bottom: 1px solid #ddd;
|
32
|
+
-webkit-box-shadow: inset 0 1px 0 #ffffff;
|
33
|
+
-moz-box-shadow: inset 0 1px 0 #ffffff;
|
34
|
+
box-shadow: inset 0 1px 0 #ffffff;
|
35
|
+
zoom: 1;
|
36
|
+
}
|
37
|
+
.datepicker .nav:before, .datepicker .nav:after {
|
38
|
+
display: table;
|
39
|
+
content: "";
|
40
|
+
zoom: 1;
|
41
|
+
*display: inline;
|
42
|
+
}
|
43
|
+
.datepicker .nav:after {
|
44
|
+
clear: both;
|
45
|
+
}
|
46
|
+
.datepicker .nav span {
|
47
|
+
display: block;
|
48
|
+
float: left;
|
49
|
+
text-align: center;
|
50
|
+
height: 28px;
|
51
|
+
line-height: 28px;
|
52
|
+
position: relative;
|
53
|
+
}
|
54
|
+
.datepicker .nav .bg {
|
55
|
+
width: 100%;
|
56
|
+
background-color: #fdf5d9;
|
57
|
+
height: 28px;
|
58
|
+
position: absolute;
|
59
|
+
top: 0;
|
60
|
+
left: 0;
|
61
|
+
-webkit-border-radius: 4px;
|
62
|
+
-moz-border-radius: 4px;
|
63
|
+
border-radius: 4px;
|
64
|
+
}
|
65
|
+
.datepicker .nav .fg {
|
66
|
+
width: 100%;
|
67
|
+
position: absolute;
|
68
|
+
top: 0;
|
69
|
+
left: 0;
|
70
|
+
}
|
71
|
+
.datepicker .button {
|
72
|
+
cursor: pointer;
|
73
|
+
padding: 0 4px;
|
74
|
+
-webkit-border-radius: 4px;
|
75
|
+
-moz-border-radius: 4px;
|
76
|
+
border-radius: 4px;
|
77
|
+
}
|
78
|
+
.datepicker .button:hover {
|
79
|
+
background-color: #808080;
|
80
|
+
color: #ffffff;
|
81
|
+
}
|
82
|
+
.datepicker .months {
|
83
|
+
float: left;
|
84
|
+
margin-left: 4px;
|
85
|
+
}
|
86
|
+
.datepicker .months .name {
|
87
|
+
width: 72px;
|
88
|
+
padding: 0;
|
89
|
+
}
|
90
|
+
.datepicker .years {
|
91
|
+
float: right;
|
92
|
+
margin-right: 4px;
|
93
|
+
}
|
94
|
+
.datepicker .years .name {
|
95
|
+
width: 36px;
|
96
|
+
padding: 0;
|
97
|
+
}
|
98
|
+
.datepicker .dow, .datepicker .days div {
|
99
|
+
float: left;
|
100
|
+
width: 30px;
|
101
|
+
line-height: 25px;
|
102
|
+
text-align: center;
|
103
|
+
}
|
104
|
+
.datepicker .dow {
|
105
|
+
font-weight: bold;
|
106
|
+
color: #808080;
|
107
|
+
}
|
108
|
+
.datepicker .calendar {
|
109
|
+
padding: 4px;
|
110
|
+
}
|
111
|
+
.datepicker .days div {
|
112
|
+
cursor: pointer;
|
113
|
+
-webkit-border-radius: 4px;
|
114
|
+
-moz-border-radius: 4px;
|
115
|
+
border-radius: 4px;
|
116
|
+
}
|
117
|
+
.datepicker .days div:hover {
|
118
|
+
background-color: #0064cd;
|
119
|
+
color: #ffffff;
|
120
|
+
}
|
121
|
+
.datepicker .overlap {
|
122
|
+
color: #bfbfbf;
|
123
|
+
}
|
124
|
+
.datepicker .today {
|
125
|
+
background-color: #fee9cc;
|
126
|
+
}
|
127
|
+
.datepicker .selected {
|
128
|
+
background-color: #bfbfbf;
|
129
|
+
color: #ffffff;
|
130
|
+
}
|
@@ -3,6 +3,7 @@
|
|
3
3
|
* and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
4
4
|
* the top of the compiled file, but it's generally better to create a new file per style scope.
|
5
5
|
*= require_self
|
6
|
+
*= require 'jquery-ui-1.8.18.custom'
|
6
7
|
*/
|
7
8
|
|
8
9
|
@import "bootstrap/variables"; // Modify this for custom colors, font-sizes, etc
|
@@ -26,6 +27,10 @@
|
|
26
27
|
//
|
27
28
|
@import "docs";
|
28
29
|
|
30
|
+
|
31
|
+
//@import "datepicker";
|
32
|
+
|
33
|
+
|
29
34
|
//Inclui os CSS personalizados
|
30
35
|
@import "override";
|
31
36
|
|