fixed width stream-item menu
This commit is contained in:
Hannes Mannerheim
parent
ec8204794e
commit
f2a6bbf685
106
css/qvitter.css
106
css/qvitter.css
|
|
@ -508,7 +508,8 @@ body.rtl .dropdown-menu li:not(.dropdown-caret) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.quitter-settings.dropdown-menu li.fullwidth:not(.dropdown-caret) a,
|
||||
#stream-menu-cog .dropdown-menu li.fullwidth:not(.dropdown-caret) a {
|
||||
#stream-menu-cog .dropdown-menu li.fullwidth:not(.dropdown-caret) a,
|
||||
.action-ellipsis-container .dropdown-menu li.fullwidth:not(.dropdown-caret) a {
|
||||
white-space: normal;
|
||||
width: 100%;
|
||||
box-sizing:border-box;
|
||||
|
|
@ -526,10 +527,8 @@ body.rtl .dropdown-menu li:not(.dropdown-caret) {
|
|||
display: block;
|
||||
right: auto;
|
||||
}
|
||||
.action-ellipsis-container .dropdown-menu,
|
||||
.action-ellipsis-container .dropdown-menu li:not(.dropdown-caret),
|
||||
.action-ellipsis-container .dropdown-menu a {
|
||||
width:auto;
|
||||
.action-ellipsis-container .dropdown-menu {
|
||||
width:150px;
|
||||
}
|
||||
|
||||
.dropdown-menu .row-type-profile-prefs-toggle::before {
|
||||
|
|
@ -1893,6 +1892,7 @@ background-repeat: no-repeat;
|
|||
line-height: 18px;
|
||||
padding: 0 5px;
|
||||
display:none;
|
||||
color:rgba(0,0,0,0.5);
|
||||
}
|
||||
.stream-item .account-group span.sandboxed-flag {
|
||||
background-color: #00ccff;
|
||||
|
|
@ -1905,7 +1905,7 @@ background-repeat: no-repeat;
|
|||
.profile-card .profile-header-inner span.sandboxed-flag {
|
||||
background-color: pink;
|
||||
border-radius: 3px;
|
||||
color: black;
|
||||
color:rgba(0,0,0,0.5);
|
||||
display: none;
|
||||
font-size: 11px;
|
||||
line-height: 24px;
|
||||
|
|
@ -2803,7 +2803,7 @@ ul.queet-actions {
|
|||
}
|
||||
|
||||
|
||||
ul.queet-actions a {
|
||||
ul.queet-actions > li > a {
|
||||
color: #ddd;
|
||||
display: block;
|
||||
height: 26px;
|
||||
|
|
@ -2819,12 +2819,12 @@ ul.queet-actions a {
|
|||
.stream-item.expanded > .stream-item.expanded .queet ul.queet-actions {
|
||||
display: block;
|
||||
}
|
||||
ul.queet-actions li {
|
||||
ul.queet-actions > li {
|
||||
display: inline-block;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
}
|
||||
ul.queet-actions li .icon {
|
||||
ul.queet-actions > li .icon {
|
||||
background-repeat: no-repeat;
|
||||
display: inline-block;
|
||||
font-size: 17px;
|
||||
|
|
@ -2834,34 +2834,34 @@ ul.queet-actions li .icon {
|
|||
margin-right:7px;
|
||||
position: relative;
|
||||
}
|
||||
ul.queet-actions li:not(:first-child) .icon {
|
||||
ul.queet-actions > li:not(:first-child) .icon {
|
||||
margin-left:52px;
|
||||
}
|
||||
.queet.rtl ul.queet-actions .icon {
|
||||
margin-left:26px;
|
||||
}
|
||||
.queet.rtl ul.queet-actions li .icon {
|
||||
.queet.rtl ul.queet-actions > li .icon {
|
||||
margin-right:0;
|
||||
}
|
||||
ul.queet-actions li.action-rt-container .with-icn.done .icon:before {
|
||||
ul.queet-actions > li.action-rt-container .with-icn.done .icon:before {
|
||||
color: #609928;
|
||||
}
|
||||
ul.queet-actions li.action-rt-container .with-icn .icon:not(.is-mine):hover:before {
|
||||
ul.queet-actions > li.action-rt-container .with-icn .icon:not(.is-mine):hover:before {
|
||||
color: #609928;
|
||||
}
|
||||
ul.queet-actions li.action-fav-container .with-icn.done .icon:before {
|
||||
ul.queet-actions > li.action-fav-container .with-icn.done .icon:before {
|
||||
color: #ffac33;
|
||||
}
|
||||
.stream-item:not(.temp-post) ul.queet-actions li.action-fav-container .with-icn .icon:hover:before {
|
||||
.stream-item:not(.temp-post) ul.queet-actions > li.action-fav-container .with-icn .icon:hover:before {
|
||||
color: #ffac33;
|
||||
}
|
||||
.stream-item:not(.temp-post) ul.queet-actions li.action-rt-container .with-icn .icon:not(.is-mine):hover:before {
|
||||
.stream-item:not(.temp-post) ul.queet-actions > li.action-rt-container .with-icn .icon:not(.is-mine):hover:before {
|
||||
color: #609928;
|
||||
}
|
||||
|
||||
|
||||
ul.queet-actions li.action-rq-num,
|
||||
ul.queet-actions li.action-fav-num {
|
||||
ul.queet-actions > li.action-rq-num,
|
||||
ul.queet-actions > li.action-fav-num {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
|
|
@ -2870,21 +2870,21 @@ ul.queet-actions li.action-fav-num {
|
|||
line-height: 32px;
|
||||
vertical-align: top;
|
||||
}
|
||||
.stream-item.expanded:not(.collapsing) > .queet ul.queet-actions li.action-rq-num,
|
||||
.stream-item.expanded:not(.collapsing) > .queet ul.queet-actions li.action-fav-num,
|
||||
ul.queet-actions li.action-rq-num[data-rq-num="0"],
|
||||
ul.queet-actions li.action-fav-num[data-fav-num="0"] {
|
||||
.stream-item.expanded:not(.collapsing) > .queet ul.queet-actions > li.action-rq-num,
|
||||
.stream-item.expanded:not(.collapsing) > .queet ul.queet-actions > li.action-fav-num,
|
||||
ul.queet-actions > li.action-rq-num[data-rq-num="0"],
|
||||
ul.queet-actions > li.action-fav-num[data-fav-num="0"] {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.stream-item.requeeted > .queet ul.queet-actions li.action-rq-num {
|
||||
.stream-item.requeeted > .queet ul.queet-actions > li.action-rq-num {
|
||||
color:#609928;
|
||||
}
|
||||
.stream-item.favorited > .queet ul.queet-actions li.action-fav-num {
|
||||
.stream-item.favorited > .queet ul.queet-actions > li.action-fav-num {
|
||||
color:#ffac33;
|
||||
}
|
||||
|
||||
ul.queet-actions li .icon:before {
|
||||
ul.queet-actions > li .icon:before {
|
||||
color: rgba(0, 0, 0, 0.15);
|
||||
display: inline-block;
|
||||
font-family: FontAwesome;
|
||||
|
|
@ -2895,15 +2895,15 @@ ul.queet-actions li .icon:before {
|
|||
vertical-align:text-top;
|
||||
width:21px;
|
||||
}
|
||||
.stream-item.temp-post ul.queet-actions li .icon:before {
|
||||
.stream-item.temp-post ul.queet-actions > li .icon:before {
|
||||
color:rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
ul.queet-actions li .icon.sm-fav:before {
|
||||
ul.queet-actions > li .icon.sm-fav:before {
|
||||
transition: font-size 0.2s cubic-bezier(0, 0, 1, 1) 0s;
|
||||
}
|
||||
|
||||
ul.queet-actions li .icon.sm-fav.pulse:before {
|
||||
ul.queet-actions > li .icon.sm-fav.pulse:before {
|
||||
animation: starpulse 0.4s;
|
||||
animation-timing-function: ease-in-out;
|
||||
}
|
||||
|
|
@ -2914,7 +2914,7 @@ ul.queet-actions li .icon.sm-fav.pulse:before {
|
|||
}
|
||||
|
||||
|
||||
ul.queet-actions li .icon.sm-rt:before {
|
||||
ul.queet-actions > li .icon.sm-rt:before {
|
||||
-webkit-transition-duration: 0.8s;
|
||||
-moz-transition-duration: 0.8s;
|
||||
-o-transition-duration: 0.8s;
|
||||
|
|
@ -2924,30 +2924,30 @@ ul.queet-actions li .icon.sm-rt:before {
|
|||
-o-transition-property: -o-transform;
|
||||
transition-property: transform;
|
||||
}
|
||||
ul.queet-actions li .icon.sm-rt.rotate:before {
|
||||
ul.queet-actions > li .icon.sm-rt.rotate:before {
|
||||
-webkit-transform:rotate(360deg);
|
||||
-moz-transform:rotate(360deg);
|
||||
-o-transform:rotate(360deg);
|
||||
transform:rotate(360deg);
|
||||
}
|
||||
|
||||
ul.queet-actions li .icon.sm-reply:before {
|
||||
ul.queet-actions > li .icon.sm-reply:before {
|
||||
content: "\f112";
|
||||
}
|
||||
ul.queet-actions li .icon.sm-rt:before {
|
||||
ul.queet-actions > li .icon.sm-rt:before {
|
||||
content: "\f079";
|
||||
}
|
||||
ul.queet-actions li .icon.sm-trash:before {
|
||||
ul.queet-actions > li .icon.sm-trash:before {
|
||||
content: "\f1f8";
|
||||
}
|
||||
ul.queet-actions li .icon.sm-fav:before {
|
||||
ul.queet-actions > li .icon.sm-fav:before {
|
||||
content: "\f005";
|
||||
}
|
||||
ul.queet-actions li .icon.sm-ellipsis:before {
|
||||
ul.queet-actions > li .icon.sm-ellipsis:before {
|
||||
content: "\f141";
|
||||
font-size: 22px;
|
||||
}
|
||||
ul.queet-actions li .icon.is-mine:before {
|
||||
ul.queet-actions > li .icon.is-mine:before {
|
||||
opacity:0.4;
|
||||
cursor:default;
|
||||
}
|
||||
|
|
@ -6045,15 +6045,15 @@ body.rtl #feed-header-inner h2 {
|
|||
right:-10px;
|
||||
}
|
||||
|
||||
ul.queet-actions li {
|
||||
ul.queet-actions > li {
|
||||
margin-right: 0;
|
||||
text-align: center;
|
||||
width: 25%;
|
||||
}
|
||||
ul.queet-actions li .icon {
|
||||
ul.queet-actions > li .icon {
|
||||
margin-left: 26px;
|
||||
}
|
||||
ul.queet-actions li .with-icn {
|
||||
ul.queet-actions > li .with-icn {
|
||||
margin-left: 0;
|
||||
}
|
||||
.stream-item:hover > .queet ul.queet-actions {
|
||||
|
|
@ -6078,19 +6078,19 @@ body.rtl #feed-header-inner h2 {
|
|||
/* .stream-item.collapsing > .queet ul.queet-actions {
|
||||
display:none !important;
|
||||
} */
|
||||
ul.queet-actions li .icon.sm-fav,
|
||||
ul.queet-actions li .icon.sm-rt,
|
||||
ul.queet-actions li .icon.sm-trash,
|
||||
ul.queet-actions li .icon.sm-reply {
|
||||
ul.queet-actions > li .icon.sm-fav,
|
||||
ul.queet-actions > li .icon.sm-rt,
|
||||
ul.queet-actions > li .icon.sm-trash,
|
||||
ul.queet-actions > li .icon.sm-reply {
|
||||
font-size: 25px;
|
||||
height: 45px;
|
||||
width: 45px;
|
||||
margin-right:20px;
|
||||
}
|
||||
ul.queet-actions li .icon.sm-fav {
|
||||
ul.queet-actions > li .icon.sm-fav {
|
||||
margin-right:0px;
|
||||
}
|
||||
ul.queet-actions li .icon:before {
|
||||
ul.queet-actions > li .icon:before {
|
||||
line-height: 45px;
|
||||
width:45px;
|
||||
height: 45px;
|
||||
|
|
@ -6101,28 +6101,28 @@ body.rtl #feed-header-inner h2 {
|
|||
100% {font-size: 25px;}
|
||||
}
|
||||
|
||||
ul.queet-actions li .icon.sm-reply {
|
||||
ul.queet-actions > li .icon.sm-reply {
|
||||
background-position: -10px -920px;
|
||||
}
|
||||
ul.queet-actions li .icon.sm-rt {
|
||||
ul.queet-actions > li .icon.sm-rt {
|
||||
background-position: -60px -920px;
|
||||
}
|
||||
ul.queet-actions li .icon.sm-fav {
|
||||
ul.queet-actions > li .icon.sm-fav {
|
||||
background-position:-110px -920px;
|
||||
}
|
||||
ul.queet-actions li .icon.sm-trash {
|
||||
ul.queet-actions > li .icon.sm-trash {
|
||||
background-position:-145px -921px;
|
||||
}
|
||||
.stream-item.expanded > .stream-item.expanded .queet ul.queet-actions li .icon.sm-reply {
|
||||
.stream-item.expanded > .stream-item.expanded .queet ul.queet-actions > li .icon.sm-reply {
|
||||
background-position: -10px -962px;
|
||||
}
|
||||
.stream-item.expanded > .stream-item.expanded .queet ul.queet-actions li .icon.sm-rt {
|
||||
.stream-item.expanded > .stream-item.expanded .queet ul.queet-actions > li .icon.sm-rt {
|
||||
background-position: -60px -962px;
|
||||
}
|
||||
.stream-item.expanded > .stream-item.expanded .queet ul.queet-actions li .icon.sm-fav {
|
||||
.stream-item.expanded > .stream-item.expanded .queet ul.queet-actions > li .icon.sm-fav {
|
||||
background-position:-110px -962px;
|
||||
}
|
||||
.stream-item.expanded > .stream-item.expanded .queet ul.queet-actions li .icon.sm-trash {
|
||||
.stream-item.expanded > .stream-item.expanded .queet ul.queet-actions > li .icon.sm-trash {
|
||||
background-position:-145px -963px;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user