Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-05-18 04:01:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve tooltip styling

Browse source
This commit is contained in:
Marcos Moura 2016-11-21 04:03:02 -02:00
parent d5e9d2f4d8
commit 110a9ba1cf
2 changed files with 31 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/components/mdAvatar/mdAvatar.scss
View file

@ -60,22 +60,22 @@ $avatar-large-icon: 40px;
animation-duration: .9s;
}
}
}
.md-avatar-tooltip {
&.md-tooltip-top {
margin-top: -8px;
}
.md-avatar-tooltip {
&.md-tooltip-top {
margin-top: -8px;
}
&.md-tooltip-right {
margin-left: 8px;
}
&.md-tooltip-right {
margin-left: 8px;
}
&.md-tooltip-bottom {
margin-top: 8px;
}
&.md-tooltip-bottom {
margin-top: 8px;
}
&.md-tooltip-left {
margin-left: -8px;
}
&.md-tooltip-left {
margin-left: -8px;
}
}

36
src/components/mdButton/mdButton.scss
View file

@ -110,24 +110,6 @@ $button-icon-size: 40px;
line-height: $button-dense-height;
}
.md-button-tooltip {
&.md-tooltip-top {
margin-top: -8px;
}
&.md-tooltip-right {
margin-left: 8px;
}
&.md-tooltip-bottom {
margin-top: 8px;
}
&.md-tooltip-left {
margin-left: -8px;
}
}
.md-ink-ripple {
border-radius: 50%;
@ -257,3 +239,21 @@ $button-icon-size: 40px;
display: block;
}
}
.md-button-tooltip {
&.md-tooltip-top {
margin-top: -8px;
}
&.md-tooltip-right {
margin-left: 8px;
}
&.md-tooltip-bottom {
margin-top: 8px;
}
&.md-tooltip-left {
margin-left: -8px;
}
}