nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

expand hoverhard a few pixels to suit the longest aspect names

Browse source
This commit is contained in:
danielgrippi 2011-07-13 10:21:34 -07:00
parent 03e79da171
commit f4bdf17c4a
2 changed files with 80 additions and 74 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

74
public/stylesheets/sass/hovercard.sass
View file

@ -1,74 +0,0 @@
@import 'mixins'
#hovercard
@include border-radius(2px)
@include box-shadow(0,0,5px,#666)
:position relative
.avatar
:position relative
:height 70px
:width 70px
:margin
:right 10px
:left 0
:top 0 !important
:background
:color $background
:height 70px
:padding 5px
:bottom 25px
:border 1px solid #999
:width 220px
h4
:margin
:bottom 10px
a
:color $blue
:font
:weight bold !important
.hovercard_footer
:position absolute
:bottom 0
:left 0
:background
:color #eee
:width 100%
:min-height 19px
:font
:size smaller
:border
:top 1px solid #ccc
.footer_container
:padding 1px 5px
.hashtags
:overflow hidden
:white-space nowrap
:text-overflow ellipsis
a
:color #999
:margin
:right 4px
:font
:weight normal
#hovercard_container
:padding 10px
:top 5px
:position absolute
:display none
:z-index 10

80
public/stylesheets/sass/hovercard.scss Normal file
View file

@ -0,0 +1,80 @@
@import "mixins";
#hovercard {
@include border-radius(2px);
@include box-shadow(0, 0, 5px, #666666);
position: relative;
background-color: $background;
height: 70px;
border: 1px solid #999999;
.avatar {
position: relative;
height: 70px;
width: 70px;
top: 0 !important;
margin: {
right: 10px;
left: 0;
}
}
padding: 5px {
bottom: 25px;
};
h4 {
margin-bottom: 10px;
}
a {
color: $blue;
font-weight: bold !important;
}
.hovercard_footer {
position: absolute;
bottom: 0;
left: 0;
background-color: #eeeeee;
width: 100%;
min-height: 19px;
font-size: smaller;
border-top: 1px solid #cccccc;
.footer_container {
padding: 1px 5px;
.hashtags {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
a {
color: #999999;
margin-right: 4px;
font-weight: normal;
}
}
}
}
#hovercard_container {
position: absolute;
display: none;
z-index: 10;
min-width: 250px;
max-width: 300px;
padding: 10px {
top: 5px;
}
}