picasso 0.3.1 → 0.3.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. data/README.md +5 -1
  2. data/docs/css/picasso-docs.css +20 -12
  3. data/docs/index.html +6 -1
  4. data/docs/picasso-components-_tooltips.html +6 -3
  5. data/lib/picasso/version.rb +1 -1
  6. data/stylesheets/picasso/components/_tooltips.scss +6 -3
  7. metadata +3 -3
data/README.md CHANGED
@@ -23,7 +23,7 @@ En el `config.rb` agregar:
23
23
  ```
24
24
  require 'picasso'
25
25
  require 'magick'
26
- gem 'picasso', '~> 0.3.1'
26
+ gem 'picasso', '~> 0.3.2'
27
27
  ```
28
28
 
29
29
  Modificar el número de versión a medida que se quiere usar nuevas versiones del framework.
@@ -68,6 +68,10 @@ $ (sudo) apt-get install ruby-oily-png
68
68
 
69
69
  # <a id="changelog"></a>Changelog
70
70
 
71
+ ## 0.3.2
72
+ * El indicador del tooltip se posiciona en la mitad del componente;
73
+ * Fix posici&oacute;n del indicador del tooltip en Chrome/Safari;
74
+
71
75
  ## 0.3.1
72
76
  * Refactor de componente tooltip;
73
77
  * Refactor de componente accordion;
data/docs/css/picasso-docs.css CHANGED
@@ -28,15 +28,17 @@
28
28
  }
29
29
  .tooltip-demo-1.tooltip-left:after, .ie7 .tooltip-demo-1.tooltip-left span {
30
30
  position: absolute;
31
- top: 0.3em;
32
- left: -0.75em;
31
+ top: 0;
32
+ padding: 0.267em 0;
33
+ left: -0.82em;
33
34
  content: "\25C4";
34
35
  }
35
36
  .ie7 .tooltip-demo-1.tooltip-left {
36
37
  zoom: expression(this.runtimeStyle.zoom="1", this.insertBefore(document.createElement("span"), this.firstChild).innerHTML="&#9668;");
37
38
  }
38
39
  .tooltip-demo-1.tooltip-left:after, .ie7 .tooltip-demo-1 span {
39
- font-size: 0.8em;
40
+ font-family: arial, sans-serif;
41
+ font-size: 1em;
40
42
  color: black;
41
43
  }
42
44
  .ie8 .tooltip-demo-1.tooltip-left:after {
@@ -62,15 +64,17 @@
62
64
  }
63
65
  .tooltip-demo-2.tooltip-right:after, .ie7 .tooltip-demo-2.tooltip-right span {
64
66
  position: absolute;
65
- top: 0.3em;
66
- right: -0.75em;
67
+ top: 0;
68
+ padding: 0.267em 0;
69
+ right: -0.82em;
67
70
  content: "\25BA";
68
71
  }
69
72
  .ie7 .tooltip-demo-2.tooltip-right {
70
73
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("span")).innerHTML="&#9658;");
71
74
  }
72
75
  .tooltip-demo-2.tooltip-right:after, .ie7 .tooltip-demo-2 span {
73
- font-size: 0.8em;
76
+ font-family: arial, sans-serif;
77
+ font-size: 1em;
74
78
  color: black;
75
79
  }
76
80
  .ie8 .tooltip-demo-2.tooltip-right:after {
@@ -95,15 +99,17 @@
95
99
  }
96
100
  .tooltip-demo-3.tooltip-left:after, .ie7 .tooltip-demo-3.tooltip-left span {
97
101
  position: absolute;
98
- top: 0.3em;
99
- left: -0.75em;
102
+ top: 0;
103
+ padding: 0.4em 0;
104
+ left: -0.82em;
100
105
  content: "\25C4";
101
106
  }
102
107
  .ie7 .tooltip-demo-3.tooltip-left {
103
108
  zoom: expression(this.runtimeStyle.zoom="1", this.insertBefore(document.createElement("span"), this.firstChild).innerHTML="&#9668;");
104
109
  }
105
110
  .tooltip-demo-3.tooltip-left:after, .ie7 .tooltip-demo-3 span {
106
- font-size: 1.2em;
111
+ font-family: arial, sans-serif;
112
+ font-size: 1em;
107
113
  color: #0074cc;
108
114
  }
109
115
  .ie8 .tooltip-demo-3.tooltip-left:after {
@@ -129,15 +135,17 @@
129
135
  }
130
136
  .tooltip-demo-4.tooltip-right:after, .ie7 .tooltip-demo-4.tooltip-right span {
131
137
  position: absolute;
132
- top: 0.3em;
133
- right: -0.75em;
138
+ top: 0;
139
+ padding: 0.4em 0;
140
+ right: -0.82em;
134
141
  content: "\25BA";
135
142
  }
136
143
  .ie7 .tooltip-demo-4.tooltip-right {
137
144
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("span")).innerHTML="&#9658;");
138
145
  }
139
146
  .tooltip-demo-4.tooltip-right:after, .ie7 .tooltip-demo-4 span {
140
- font-size: 1.2em;
147
+ font-family: arial, sans-serif;
148
+ font-size: 1em;
141
149
  color: #faa732;
142
150
  }
143
151
  .ie8 .tooltip-demo-4.tooltip-right:after {
data/docs/index.html CHANGED
@@ -45,7 +45,7 @@
45
45
  </p>
46
46
  <pre><code>require &#39;picasso&#39;
47
47
  require &#39;magick&#39;
48
- gem &#39;picasso&#39;, &#39;~&gt; 0.3.1&#39;</code></pre>
48
+ gem &#39;picasso&#39;, &#39;~&gt; 0.3.2&#39;</code></pre>
49
49
  <p>Modificar el n&uacute;mero de versi&oacute;n a medida que se quiere usar nuevas versiones del framework.
50
50
 
51
51
  </p>
@@ -73,6 +73,11 @@ gem &#39;picasso&#39;, &#39;~&gt; 0.3.1&#39;</code></pre>
73
73
  $ (sudo) apt-get install ruby-oily-png</code></pre>
74
74
  <hr>
75
75
  <h1><a id="changelog"></a>Changelog</h1>
76
+ <h2>0.3.2</h2>
77
+ <ul>
78
+ <li>El indicador del tooltip se posiciona en la mitad del componente;</li>
79
+ <li>Fix posici&oacute;n del indicador del tooltip en Chrome/Safari;</li>
80
+ </ul>
76
81
  <h2>0.3.1</h2>
77
82
  <ul>
78
83
  <li>Refactor de componente tooltip;</li>
data/docs/picasso-components-_tooltips.html CHANGED
@@ -105,8 +105,9 @@ $tooltip-default-border-radius: 2px;
105
105
 
106
106
  &:after, .ie7 & span{
107
107
  position: absolute;
108
- top: 0.3em;
109
- #{$side}: -0.75em;
108
+ top: 0;
109
+ padding: ($font-size / 3) 0;
110
+ #{$side}: -0.82em;
110
111
 
111
112
  @if $side == "left" {
112
113
  content: "\25C4";
@@ -148,7 +149,9 @@ $tooltip-default-border-radius: 2px;
148
149
  @include box-shadow($background-color 0 0 3px);
149
150
 
150
151
  &.tooltip-#{$side}:after, .ie7 & span{
151
- font-size: $font-size;
152
+ //setea una tipografia para que el triangulo sea consistente
153
+ font-family: arial, sans-serif;
154
+ font-size: 1em;
152
155
  color: $background-color;
153
156
  }
154
157
 
data/lib/picasso/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module Picasso
2
- VERSION = "0.3.1"
2
+ VERSION = "0.3.2"
3
3
  end
data/stylesheets/picasso/components/_tooltips.scss CHANGED
@@ -84,8 +84,9 @@ $tooltip-default-border-radius: 2px;
84
84
 
85
85
  &:after, .ie7 & span{
86
86
  position: absolute;
87
- top: 0.3em;
88
- #{$side}: -0.75em;
87
+ top: 0;
88
+ padding: ($font-size / 3) 0;
89
+ #{$side}: -0.82em;
89
90
 
90
91
  @if $side == "left" {
91
92
  content: "\25C4";
@@ -127,7 +128,9 @@ $tooltip-default-border-radius: 2px;
127
128
  @include box-shadow($background-color 0 0 3px);
128
129
 
129
130
  &.tooltip-#{$side}:after, .ie7 & span{
130
- font-size: $font-size;
131
+ //setea una tipografia para que el triangulo sea consistente
132
+ font-family: arial, sans-serif;
133
+ font-size: 1em;
131
134
  color: $background-color;
132
135
  }
133
136
 
metadata CHANGED
@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
5
5
  segments:
6
6
  - 0
7
7
  - 3
8
- - 1
9
- version: 0.3.1
8
+ - 2
9
+ version: 0.3.2
10
10
  platform: ruby
11
11
  authors:
12
12
  - Leandro D'Onofrio
@@ -127,7 +127,7 @@ licenses: []
127
127
  post_install_message: "\n\n\
128
128
  ##################################################\n\
129
129
  ## Picasso - Sass/Compass Framework\n\n\
130
- ## Versi\xC3\xB3n: 0.3.1\n\
130
+ ## Versi\xC3\xB3n: 0.3.2\n\
131
131
  ## Documentaci\xC3\xB3n: http://dl.dropbox.com/u/54126/picasso/docs/index.html\n\
132
132
  ## CHANGELOG: http://dl.dropbox.com/u/54126/picasso/docs/index.html#changelog\n\
133
133
  ##################################################\n\n"