Commit @ffb6bce31827a85055c0112ac32d53f24face38b

[Notice] Announcing the End of Demo Server [Read me]

doortts 2017-01-24

usermenu: Change some subtle styles

- Decrease input text font size
- Increase usermenu sidebar size 400px -> 420px
- Remove redundant codes

and so on..

@ffb6bce31827a85055c0112ac32d53f24face38b

e20da7b

ffb6bce

app/assets/stylesheets/less/_page.less

--- app/assets/stylesheets/less/_page.less

+++ app/assets/stylesheets/less/_page.less


 
                         .message-wrap {
                             margin-top:3px;
-                            font-size:14px;
+                            font-size:13px;
                             color:#888;
                             overflow:hidden;
                             line-height:20px;

 
 .right-menu{
     margin-left: 10px;
+    width: 400px;
 }

e20da7b

ffb6bce

app/assets/stylesheets/less/_projectList.less

--- app/assets/stylesheets/less/_projectList.less

+++ app/assets/stylesheets/less/_projectList.less


   }
 
   .search-input {
-    font-size:18px;
+    font-size:14px;
     padding:10px 10px 10px 20px;
     display:block;
     border:none;

e20da7b

ffb6bce

app/assets/stylesheets/less/_yobiUI.less

--- app/assets/stylesheets/less/_yobiUI.less

+++ app/assets/stylesheets/less/_yobiUI.less


             a {
                 text-decoration: none;
                 background-color: @primary;
-                color: #fcfcfc;
+                color: #fcfcfc !important;
                 border-bottom: 1px solid @primary;
                 border-radius: 3px;
             }

e20da7b

ffb6bce

app/views/index/index.scala.html

--- app/views/index/index.scala.html

+++ app/views/index/index.scala.html


             </div>
             <div class="page on-fold-intro">
                 <div class="row-fluid content-container">
-                    <div class="span7 main-stream">
+                    <div class="span8 main-stream">
                         @views.html.common.mySeriesMenuTab(TAB_NOTI)
                         <ul class="activity-streams notification-wrap unstyled">
                             @partial_notifications(0, 20)
                         </ul>
         	        </div>
-                    <div class="span5 index-menu right-menu span-hard-wrap">
+                    <div class="span4 index-menu right-menu span-hard-wrap">
         	       </div>
                 </div>
             </div>

             });
 
             // Show side bar menu default and focus to search box
+            // Also, see layout.scala.html for normal user menu click !!
             var requiredLoggedIn = $("#required-logged-in").length === 1;
             if(!requiredLoggedIn){
                 var viewSize = $(window).width();
                 if( viewSize > 720) {
-                    $("#mySidenav").width("400px").css("border", "1px solid #ccc");
+                    $("#mySidenav").width("420px").css("border", "1px solid #ccc");
                     setTimeout(function () {
                         $("#main").off("click");
                     }, 1000);

e20da7b

ffb6bce

app/views/layout.scala.html

--- app/views/layout.scala.html

+++ app/views/layout.scala.html


             NProgress.configure({minimum: 0.7});
 
             /* Set side navigation */
+            // Also, see index.scala.html for home page menu sliding actions !!
             var $sidebar = $("#mySidenav");
 
             $("#main").on("click", function(event){

             });
 
             $("#sidebar-open-btn").on("click", function (event) {
-                $(".index-menu").hide();
-
                 if( $sidebar.width() !== 0){
                     closeSidebar($sidebar);
                 } else {

 
             function closeSidebar($sidebar) {
                 $sidebar.width("0").css("border", "none");
-                $(".index-menu").show();
-                $(".main-stream").removeClass("span7").addClass("span12");
+                $(".main-stream").removeClass("span8").addClass("span12");
             }
 
             function openSidebar($sidebar){
-                $sidebar.width("400px").css("border", "1px solid #ccc");
-                $(".main-stream").removeClass("span12").addClass("span7");
+                $sidebar.width("420px").css("border", "1px solid #ccc");
+                $(".main-stream").removeClass("span12").addClass("span8");
                 $(".search-input").focus();
             }
-
-            var KEY_CODE = {
-                ESC: 27
-            };
 
             // used for new project list ui
             $(".right-menu").on('click', ".myProjectList, a[href='#recentlyVisited'], a[href='#createdByMe'], a[href='#watching'], a[href='#joinmember']", function() {

                 });
             }).on("keydown.moveCursorFromInputform", function(e) {
                 switch (e.keyCode) {
-                    case KEY_CODE.ESC:
-                        $sidebar.width("0").css("border", "none");
-                        $indexMenu.show();
+                    case 27:   // ESC
+                        closeSidebar($sidebar);
                         break;
                     default:
                         break;

Add a comment

Open 0
Closed 0

List

...	...	@@ -1132,7 +1132,7 @@
1132	1132
1133	1133	.message-wrap {
1134	1134	margin-top:3px;
1135		- font-size:14px;
	1135	+ font-size:13px;
1136	1136	color:#888;
1137	1137	overflow:hidden;
1138	1138	line-height:20px;
...	...	@@ -6630,4 +6630,5 @@
6630	6630
6631	6631	.right-menu{
6632	6632	margin-left: 10px;
	6633	+ width: 400px;
6633	6634	}

...	...	@@ -131,7 +131,7 @@
131	131	}
132	132
133	133	.search-input {
134		- font-size:18px;
	134	+ font-size:14px;
135	135	padding:10px 10px 10px 20px;
136	136	display:block;
137	137	border:none;

...	...	@@ -531,7 +531,7 @@
531	531	a {
532	532	text-decoration: none;
533	533	background-color: @primary;
534		- color: #fcfcfc;
	534	+ color: #fcfcfc !important;
535	535	border-bottom: 1px solid @primary;
536	536	border-radius: 3px;
537	537	}

...	...	@@ -52,13 +52,13 @@
52	52	</div>
53	53	<div class="page on-fold-intro">
54	54	<div class="row-fluid content-container">
55		- <div class="span7 main-stream">
	55	+ <div class="span8 main-stream">
56	56	@views.html.common.mySeriesMenuTab(TAB_NOTI)
57	57	<ul class="activity-streams notification-wrap unstyled">
58	58	@partial_notifications(0, 20)
59	59	</ul>
60	60	</div>
61		- <div class="span5 index-menu right-menu span-hard-wrap">
	61	+ <div class="span4 index-menu right-menu span-hard-wrap">
62	62	</div>
63	63	</div>
64	64	</div>
...	...	@@ -117,11 +117,12 @@
117	117	});
118	118
119	119	// Show side bar menu default and focus to search box
	120	+ // Also, see layout.scala.html for normal user menu click !!
120	121	var requiredLoggedIn = $("#required-logged-in").length === 1;
121	122	if(!requiredLoggedIn){
122	123	var viewSize = $(window).width();
123	124	if( viewSize > 720) {
124		- $("#mySidenav").width("400px").css("border", "1px solid #ccc");
	125	+ $("#mySidenav").width("420px").css("border", "1px solid #ccc");
125	126	setTimeout(function () {
126	127	$("#main").off("click");
127	128	}, 1000);

...	...	@@ -49,6 +49,7 @@
49	49	NProgress.configure({minimum: 0.7});
50	50
51	51	/* Set side navigation */
	52	+ // Also, see index.scala.html for home page menu sliding actions !!
52	53	var $sidebar = $("#mySidenav");
53	54
54	55	$("#main").on("click", function(event){
...	...	@@ -58,8 +59,6 @@
58	59	});
59	60
60	61	$("#sidebar-open-btn").on("click", function (event) {
61		- $(".index-menu").hide();
62		-
63	62	if( $sidebar.width() !== 0){
64	63	closeSidebar($sidebar);
65	64	} else {
...	...	@@ -69,19 +68,14 @@
69	68
70	69	function closeSidebar($sidebar) {
71	70	$sidebar.width("0").css("border", "none");
72		- $(".index-menu").show();
73		- $(".main-stream").removeClass("span7").addClass("span12");
	71	+ $(".main-stream").removeClass("span8").addClass("span12");
74	72	}
75	73
76	74	function openSidebar($sidebar){
77		- $sidebar.width("400px").css("border", "1px solid #ccc");
78		- $(".main-stream").removeClass("span12").addClass("span7");
	75	+ $sidebar.width("420px").css("border", "1px solid #ccc");
	76	+ $(".main-stream").removeClass("span12").addClass("span8");
79	77	$(".search-input").focus();
80	78	}
81		-
82		- var KEY_CODE = {
83		- ESC: 27
84		- };
85	79
86	80	// used for new project list ui
87	81	$(".right-menu").on('click', ".myProjectList, a[href='#recentlyVisited'], a[href='#createdByMe'], a[href='#watching'], a[href='#joinmember']", function() {
...	...	@@ -115,9 +109,8 @@
115	109	});
116	110	}).on("keydown.moveCursorFromInputform", function(e) {
117	111	switch (e.keyCode) {
118		- case KEY_CODE.ESC:
119		- $sidebar.width("0").css("border", "none");
120		- $indexMenu.show();
	112	+ case 27: // ESC
	113	+ closeSidebar($sidebar);
121	114	break;
122	115	default:
123	116	break;

Delete comment