Commit @3c754a9932bc68cfe5f7531ef3ec1fa52dca08fa

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

doortts 2017-01-25

usermenu: Refine usermenu less files

@3c754a9932bc68cfe5f7531ef3ec1fa52dca08fa

25ba5e1

app/assets/stylesheets/less/_sidebar.less (deleted)

--- app/assets/stylesheets/less/_sidebar.less

...	...	@@ -1,76 +0,0 @@
	1	-#main {
	2	- margin: 0;
	3	- padding: 0;
	4	-}
	5	-
	6	-/* The side navigation menu */
	7	-.sidenav {
	8	- width: 0; /* 0 width - change this with JavaScript */
	9	- position: absolute; /* Stay in place */
	10	- z-index: 999;
	11	- top: 40px;
	12	- right: 0;
	13	- box-shadow: 3px 3px 10px;
	14	- &:active{
	15	- border-left: 1px solid #555555;
	16	- border-bottom: 1px solid #555555;
	17	- }
	18	- background-color: white;
	19	- overflow-x: hidden; /* Disable horizontal scroll */
	20	- overflow-y: auto;
	21	- padding-top: 10px;
	22	- transition: 0.1s; /* 0.5 second transition effect to slide in the sidenav */
	23	-
	24	- &::-webkit-scrollbar {
	25	- height: 10px;
	26	- width: 10px;
	27	- background: #fff;
	28	- }
	29	-
	30	- &::-webkit-scrollbar-thumb {
	31	- background: #d7d4cb;
	32	- }
	33	-}
	34	-
	35	-
	36	-
	37	-/* The navigation menu links */
	38	-.sidenav {
	39	- a {
	40	- text-decoration: none;
	41	- transition: 0.3s
	42	- }
	43	-
	44	- div.user-menu-wrap{
	45	- text-align: right;
	46	- }
	47	-
	48	- span.user-menu {
	49	- padding: 5px;
	50	- color: black;
	51	- a:hover {
	52	- text-decoration: underline;
	53	- }
	54	- }
	55	-}
	56	-
	57	-.nav-subtab.unstyled {
	58	- color: black;
	59	- a:hover {
	60	- color: black;
	61	- }
	62	-}
	63	-
	64	-/* Position and style the close button (top right corner) */
	65	-.sidenav .closebtn {
	66	- position: absolute;
	67	- top: 0;
	68	- right: 25px;
	69	- font-size: 36px;
	70	- margin-left: 50px;
	71	-}
	72	-
	73	-/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
	74	-#main {
	75	- transition: margin-left .5s;
	76	-}

25ba5e1

3c754a9

app/assets/stylesheets/less/_usermenu.less (Renamed from app/assets/stylesheets/less/_projectList.less)

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

+++ app/assets/stylesheets/less/_usermenu.less


   }
   a:hover {
     color: white;
+    text-decoration: none;
   }
 }
 
 .user-project-list {
-  ul.unstyled > li {
+  ul.nav-subtab > li {
     border: none;
+  }
+
+  li {
+    border-bottom: 1px solid #eee;
+    margin-left: 0;
+  }
+
+  .subtab-group {
+    padding: 10px 0 5px 0;
+  }
+
+  ul {
+    display: inline-block;
   }
 
   .result-snackbar {

   }
 
   .user-li {
+    color: #000;
+    &:hover {
+      color: #3592B5;
+    }
+    cursor: pointer;
   }
 
   .user-search-form{

     img {
       width: 24px;
       border-radius: 3px;
-      border: 1px solid #ececec;
       margin-right: 3px;
       height: auto;
     }

     height: 55px;
   }
 
-
   .oss {
     background-color: #fff !important;
     margin-top: -2px;

 
   .yobi-logo {
     width: 33px;
-  }
-
-  li {
-    margin-left : 3px;
-    margin-right : 3px;
-    border-bottom: 1px solid #eee;
   }
 
   .flex-container {

       padding: 5px;
     }
     .project-name{
-      color: #000;
       word-wrap: break-word;
       min-width: 50px;
       max-width: 220px;
       text-overflow: ellipsis;
       overflow: hidden;
-      a:hover {
-        color: #4183c4;
+      &.org-name {
+        max-width: 320px;
+      }
+      a {
+        &:hover {
+          text-decoration: none;
+          color: #3592B5;
+        }
       }
     }
+
     .project-owner {
       color: grey;
       padding-right: 10px;

       overflow: hidden;
       max-width: 100px;
       a {
-        color: inherit;
-        text-decoration: none;
+        &:hover {
+          text-decoration: underline;
+        }
       }
     }
   }

     align-items: center;
     flex-grow: 1;
     overflow: hidden;
+    padding: 5px 0;
   }
 
   .page-list-item {

 
 }
 
+// Sidebar settings
+
+#main {
+  margin: 0;
+  padding: 0;
+  transition: margin-left .5s;
+}
+
+/* The side navigation menu */
+#mySidenav {
+  width: 0; /* 0 width - change this with JavaScript */
+  position: absolute; /* Stay in place */
+  z-index: 999;
+  top: 40px;
+  right: 0;
+  box-shadow: 2px 2px 10px #888;
+  background-color: white;
+  overflow-x: hidden; /* Disable horizontal scroll */
+  overflow-y: auto;
+  padding-top: 10px;
+
+  &::-webkit-scrollbar {
+    height: 10px;
+    width: 10px;
+    background: #fff;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #d7d4cb;
+  }
+}
+
+
+
+/* The navigation menu links */
+.sidenav {
+  div.user-menu-wrap{
+    text-align: right;
+  }
+
+  span.user-menu {
+    padding: 5px;
+    color: black;
+  }
+}
+
+.nav-subtab.unstyled {
+  color: black;
+  background-color: #eee;
+  a:hover {
+    color: black;
+  }
+}
+
+/* Position and style the close button (top right corner) */
+.sidenav .closebtn {
+  position: absolute;
+  top: 0;
+  right: 25px;
+  font-size: 36px;
+  margin-left: 50px;
+}
+
+
+

25ba5e1

app/assets/stylesheets/list.less (deleted)

--- app/assets/stylesheets/list.less

...	...	@@ -1,1 +0,0 @@
	1	-@import "less/_projectList.less";

3c754a9

app/assets/stylesheets/usermenu.less (added)

+++ app/assets/stylesheets/usermenu.less

...	...	@@ -0,0 +1,1 @@
	1	+@import "less/_usermenu.less";

25ba5e1

3c754a9

app/assets/stylesheets/yobi.less

--- app/assets/stylesheets/yobi.less

+++ app/assets/stylesheets/yobi.less


 @import "less/_temporary.less";
 @import "less/_markdown.less";
 @import "less/_migration.less";
-@import "less/_sidebar.less";
 @import "less/_override.less";

Add a comment

Open 0
Closed 0

List

...	...	@@ -44,12 +44,26 @@
44	44	}
45	45	a:hover {
46	46	color: white;
	47	+ text-decoration: none;
47	48	}
48	49	}
49	50
50	51	.user-project-list {
51		- ul.unstyled > li {
	52	+ ul.nav-subtab > li {
52	53	border: none;
	54	+ }
	55	+
	56	+ li {
	57	+ border-bottom: 1px solid #eee;
	58	+ margin-left: 0;
	59	+ }
	60	+
	61	+ .subtab-group {
	62	+ padding: 10px 0 5px 0;
	63	+ }
	64	+
	65	+ ul {
	66	+ display: inline-block;
53	67	}
54	68
55	69	.result-snackbar {
...	...	@@ -67,6 +81,11 @@
67	81	}
68	82
69	83	.user-li {
	84	+ color: #000;
	85	+ &:hover {
	86	+ color: #3592B5;
	87	+ }
	88	+ cursor: pointer;
70	89	}
71	90
72	91	.user-search-form{
...	...	@@ -361,7 +380,6 @@
361	380	img {
362	381	width: 24px;
363	382	border-radius: 3px;
364		- border: 1px solid #ececec;
365	383	margin-right: 3px;
366	384	height: auto;
367	385	}
...	...	@@ -378,7 +396,6 @@
378	396	height: 55px;
379	397	}
380	398
381		-
382	399	.oss {
383	400	background-color: #fff !important;
384	401	margin-top: -2px;
...	...	@@ -390,12 +407,6 @@
390	407
391	408	.yobi-logo {
392	409	width: 33px;
393		- }
394		-
395		- li {
396		- margin-left : 3px;
397		- margin-right : 3px;
398		- border-bottom: 1px solid #eee;
399	410	}
400	411
401	412	.flex-container {
...	...	@@ -430,16 +441,22 @@
430	441	padding: 5px;
431	442	}
432	443	.project-name{
433		- color: #000;
434	444	word-wrap: break-word;
435	445	min-width: 50px;
436	446	max-width: 220px;
437	447	text-overflow: ellipsis;
438	448	overflow: hidden;
439		- a:hover {
440		- color: #4183c4;
	449	+ &.org-name {
	450	+ max-width: 320px;
	451	+ }
	452	+ a {
	453	+ &:hover {
	454	+ text-decoration: none;
	455	+ color: #3592B5;
	456	+ }
441	457	}
442	458	}
	459	+
443	460	.project-owner {
444	461	color: grey;
445	462	padding-right: 10px;
...	...	@@ -450,8 +467,9 @@
450	467	overflow: hidden;
451	468	max-width: 100px;
452	469	a {
453		- color: inherit;
454		- text-decoration: none;
	470	+ &:hover {
	471	+ text-decoration: underline;
	472	+ }
455	473	}
456	474	}
457	475	}
...	...	@@ -464,6 +482,7 @@
464	482	align-items: center;
465	483	flex-grow: 1;
466	484	overflow: hidden;
	485	+ padding: 5px 0;
467	486	}
468	487
469	488	.page-list-item {
...	...	@@ -672,3 +691,68 @@
672	691
673	692	}
674	693
	694	+// Sidebar settings
	695	+
	696	+#main {
	697	+ margin: 0;
	698	+ padding: 0;
	699	+ transition: margin-left .5s;
	700	+}
	701	+
	702	+/* The side navigation menu */
	703	+#mySidenav {
	704	+ width: 0; /* 0 width - change this with JavaScript */
	705	+ position: absolute; /* Stay in place */
	706	+ z-index: 999;
	707	+ top: 40px;
	708	+ right: 0;
	709	+ box-shadow: 2px 2px 10px #888;
	710	+ background-color: white;
	711	+ overflow-x: hidden; /* Disable horizontal scroll */
	712	+ overflow-y: auto;
	713	+ padding-top: 10px;
	714	+
	715	+ &::-webkit-scrollbar {
	716	+ height: 10px;
	717	+ width: 10px;
	718	+ background: #fff;
	719	+ }
	720	+
	721	+ &::-webkit-scrollbar-thumb {
	722	+ background: #d7d4cb;
	723	+ }
	724	+}
	725	+
	726	+
	727	+
	728	+/* The navigation menu links */
	729	+.sidenav {
	730	+ div.user-menu-wrap{
	731	+ text-align: right;
	732	+ }
	733	+
	734	+ span.user-menu {
	735	+ padding: 5px;
	736	+ color: black;
	737	+ }
	738	+}
	739	+
	740	+.nav-subtab.unstyled {
	741	+ color: black;
	742	+ background-color: #eee;
	743	+ a:hover {
	744	+ color: black;
	745	+ }
	746	+}
	747	+
	748	+/* Position and style the close button (top right corner) */
	749	+.sidenav .closebtn {
	750	+ position: absolute;
	751	+ top: 0;
	752	+ right: 25px;
	753	+ font-size: 36px;
	754	+ margin-left: 50px;
	755	+}
	756	+
	757	+
	758	+

...	...	@@ -8,5 +8,4 @@
8	8	@import "less/_temporary.less";
9	9	@import "less/_markdown.less";
10	10	@import "less/_migration.less";
11		-@import "less/_sidebar.less";
12	11	@import "less/_override.less";

Delete comment