From f2a6bbf6855b2f7e72de054467aecad828dfc13a Mon Sep 17 00:00:00 2001
From: Hannes Mannerheim <h@nnesmannerhe.im>
Date: Sat, 27 Feb 2016 01:59:31 +0100
Subject: [PATCH] fixed width stream-item menu

---
 css/qvitter.css | 106 ++++++++++++++++++++++++------------------------
 1 file changed, 53 insertions(+), 53 deletions(-)

diff --git a/css/qvitter.css b/css/qvitter.css
index e138c08..6b61f1d 100644
--- a/css/qvitter.css
+++ b/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;
 		}