Commit @0b4554f0d1406558a3ddc876775184f980b37817

DeokHong Kim (a.k.a insanehong) 2013-10-13

fixed layout of link and more ui

@0b4554f0d1406558a3ddc876775184f980b37817

7dd5669

0b4554f

app/assets/stylesheets/less/_common.less

--- app/assets/stylesheets/less/_common.less

+++ app/assets/stylesheets/less/_common.less


     color: inherit;
     text-decoration: none;
     outline: none;
-    &:hover { outline: none !important; color: @link-hover-color; text-decoration: underline; }
-    &:focus { outline: none !important; color: @link-hover-color; text-decoration: underline; }
+    &:hover { outline: none !important; text-decoration: underline; }
+    &:focus { outline: none !important; text-decoration: underline; }
 }
 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {

7dd5669

0b4554f

app/assets/stylesheets/less/_page.less

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

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


                 }    
             }
         }
-
-        .avatar-wrap {
-            margin-top:-4px;
-        }
     }
+    
     .gnb-collapse {
         position:absolute;
         right:40px;

     font-weight:bold;
     padding: 2px;
     padding-right: 10px;
-    border-radius: 3px;
+    border-radius: 6px;
     background-color: rgba(0,0,0,0.55);
 
     > a {

         left:10px;
         border:5px solid #F1F1F1;
 
-        img { .border-radius(6px); }
+        .border-radius(0 none);
     }
 
     .private {

                     right:-7px;
                     z-index: 1;
                     font-size:10px;
-                    border:1px solid #FFF;
+                    border:2px solid #FFF;
                     line-height:15px;
                     padding:0 5px;
                     background-color:@yobi-primary;

     .board-id {
         font-size:14px;
         padding-right: 10px;
-        color:@secondary;
+        color:#939393;
     }
     .title {
         font-size: 18px;

         margin:5px 0; margin-right:5px; 
         font-size:14px; font-weight:bold;
         
-        .issue-id { color:@secondary; margin-right:5px; font-size:13px; }
+        .issue-id { color:#939393; margin-right:5px; font-size:13px; }
     }
 
     .info-wrap {

7dd5669

0b4554f

app/assets/stylesheets/less/_temporary.less

--- app/assets/stylesheets/less/_temporary.less

+++ app/assets/stylesheets/less/_temporary.less


             color: #fff;
             background: @secondary;
             font-weight:bold;
-            .border-radius(2px);
-            .box-shadow(inset 1px 1px 1px rgba(0,0,0,0.2));
+            .border-radius (6px);
+            
             .num-badge { color:#fff; }
             
             a:hover { color:#fff; }

7dd5669

0b4554f

app/assets/stylesheets/less/_yobiUI.less

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

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


     border: 1px solid rgba(0,0,0,.15);
     .box-shadow(0 1px 0 rgba(0,0,0,.05));
     
+    i { line-height:20px;}
+
     &.ybnt-midium {
         padding:4px 12px;
     }

         padding: 0 4px !important;
         font-size: 10px !important;
         line-height: 16px !important;
+
+         i { line-height:16px;}
     }
 
     &.ybtn-maximum {
         padding: 20px 30px !important;
         font-size: 26px !important;
-        line-height: 20px !important;
     }
 
     &.ybtn-padding {
         padding:13px 30px !important;
         font-size: 20px !important;
-        line-height: 20px !important;
     }
 
 

     display:inline-block;
     margin-left:5px;
     font-size:10px;
-    border:1px solid #FFF;
+    border:2px solid #FFF;
     line-height:15px;
     padding:0 5px;
     background-color:@yobi-primary;

Add a comment

Open 0
Closed 0

List

...	...	@@ -100,11 +100,8 @@
100	100	}
101	101	}
102	102	}
103		-
104		- .avatar-wrap {
105		- margin-top:-4px;
106		- }
107	103	}
	104	+
108	105	.gnb-collapse {
109	106	position:absolute;
110	107	right:40px;
...	...	@@ -320,7 +317,7 @@
320	317	font-weight:bold;
321	318	padding: 2px;
322	319	padding-right: 10px;
323		- border-radius: 3px;
	320	+ border-radius: 6px;
324	321	background-color: rgba(0,0,0,0.55);
325	322
326	323	> a {
...	...	@@ -356,7 +353,7 @@
356	353	left:10px;
357	354	border:5px solid #F1F1F1;
358	355
359		- img { .border-radius(6px); }
	356	+ .border-radius(0 none);
360	357	}
361	358
362	359	.private {
...	...	@@ -488,7 +485,7 @@
488	485	right:-7px;
489	486	z-index: 1;
490	487	font-size:10px;
491		- border:1px solid #FFF;
	488	+ border:2px solid #FFF;
492	489	line-height:15px;
493	490	padding:0 5px;
494	491	background-color:@yobi-primary;
...	...	@@ -2549,7 +2546,7 @@
2549	2546	.board-id {
2550	2547	font-size:14px;
2551	2548	padding-right: 10px;
2552		- color:@secondary;
	2549	+ color:#939393;
2553	2550	}
2554	2551	.title {
2555	2552	font-size: 18px;
...	...	@@ -3047,7 +3044,7 @@
3047	3044	margin:5px 0; margin-right:5px;
3048	3045	font-size:14px; font-weight:bold;
3049	3046
3050		- .issue-id { color:@secondary; margin-right:5px; font-size:13px; }
	3047	+ .issue-id { color:#939393; margin-right:5px; font-size:13px; }
3051	3048	}
3052	3049
3053	3050	.info-wrap {

...	...	@@ -41,8 +41,8 @@
41	41	color: #fff;
42	42	background: @secondary;
43	43	font-weight:bold;
44		- .border-radius(2px);
45		- .box-shadow(inset 1px 1px 1px rgba(0,0,0,0.2));
	44	+ .border-radius (6px);
	45	+
46	46	.num-badge { color:#fff; }
47	47
48	48	a:hover { color:#fff; }

...	...	@@ -559,6 +559,8 @@
559	559	border: 1px solid rgba(0,0,0,.15);
560	560	.box-shadow(0 1px 0 rgba(0,0,0,.05));
561	561
	562	+ i { line-height:20px;}
	563	+
562	564	&.ybnt-midium {
563	565	padding:4px 12px;
564	566	}
...	...	@@ -598,18 +600,18 @@
598	600	padding: 0 4px !important;
599	601	font-size: 10px !important;
600	602	line-height: 16px !important;
	603	+
	604	+ i { line-height:16px;}
601	605	}
602	606
603	607	&.ybtn-maximum {
604	608	padding: 20px 30px !important;
605	609	font-size: 26px !important;
606		- line-height: 20px !important;
607	610	}
608	611
609	612	&.ybtn-padding {
610	613	padding:13px 30px !important;
611	614	font-size: 20px !important;
612		- line-height: 20px !important;
613	615	}
614	616
615	617
...	...	@@ -975,7 +977,7 @@
975	977	display:inline-block;
976	978	margin-left:5px;
977	979	font-size:10px;
978		- border:1px solid #FFF;
	980	+ border:2px solid #FFF;
979	981	line-height:15px;
980	982	padding:0 5px;
981	983	background-color:@yobi-primary;

...	...	@@ -14,8 +14,8 @@
14	14	color: inherit;
15	15	text-decoration: none;
16	16	outline: none;
17		- &:hover { outline: none !important; color: @link-hover-color; text-decoration: underline; }
18		- &:focus { outline: none !important; color: @link-hover-color; text-decoration: underline; }
	17	+ &:hover { outline: none !important; text-decoration: underline; }
	18	+ &:focus { outline: none !important; text-decoration: underline; }
19	19	}
20	20	input[type=number]::-webkit-inner-spin-button,
21	21	input[type=number]::-webkit-outer-spin-button {

Delete comment