picasso 0.3.1 → 0.3.2

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.
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"