홈 탐색 도움말
가입하기 로그인
Omnimaga
/
OmnomIRC-node
의 미러 [email protected]:Omnimaga/OmnomIRC-node.git
2
0
포크 0
파일 이슈 0 위키
소스 검색

Style wireframe and script changes

Made the close button universal.
Modified the Setting pane to fill the screen.
Head is expanded by default. Click handlers on the head area. Head will
auto hide 1s after page load.
Added close buttons to the Users and Settings panes.
Nathaniel van Diepen 12 년 전
부모
c4331cccf2
커밋
37b20d33e5
3개의 변경된 파일과 17개의 추가작업 그리고 5개의 파일을 삭제
분할 보기 변경상태 보기
  1. 3 3
      www/css/style.css
  2. 3 1
      www/index.html
  3. 11 1
      www/js/omnomirc.js

+ 3 - 3
www/css/style.css
파일 보기 

@@ -17,13 +17,13 @@ html,body{
 
 	-ms-user-select: none;
 
 	user-select: none;
 
 }
 
-#tabs-list span.tab .close-button{
 
+.close-button{
 
 	float: right;
 
 	font-weight: bold;
 
 	font-size: 16px;
 
 	font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
 
 }
 
-#tabs-list span.tab .close-button:hover{
 
+.close-button:hover{
 
 	color: red;
 
 }
 
 #head{
 
@@ -84,7 +84,7 @@ html,body{
 
 	z-index: 20;
 
 }
 
 #settings.open{
 
-	width: 50%;
 
+	width: 100%;
 
 }
 
 #entry{
 
 	width: 100%;

+ 3 - 1
www/index.html
파일 보기 

@@ -12,7 +12,7 @@
 
 		<link rel="stylesheet" href="css/style.css"></link>
 
 	</head>
 
 	<body>
 
-		<div id="head">
 
+		<div id="head" class="hovered">
 
 			<div id="info" class="unselectable">
 
 				<span id="title"></span>
 
 				<span id="topic"></span>
 
@@ -27,10 +27,12 @@
 
 			<button id="send" value="send">send</button>
 
 			<div id="users">
 
 				<span class="unselectable">Users</span>
 
+				<span class="close-button">&times;</span>
 
 				<ul id="user-list"></ul>
 
 			</div>
 
 			<div id="settings">
 
 				<span class="unselectable">Settings</span>
 
+				<span class="close-button">&times;</span>
 
 				<ul id="settings-list"></ul>
 
 			</div>
 
 		</div>

+ 11 - 1
www/js/omnomirc.js
파일 보기 

@@ -133,15 +133,22 @@
 
 				$(this).removeClass('open');
 
 			},
 
 			timeout: 1000
 
+		}).children('.close-button').click(function(){
 
+			$(this).parent().removeClass('open');
 
+			return false;
 
 		});
 
 		$("#head").hoverIntent({
 
 			over: function(){
 
-				$(this).addClass('hovered');
 
+				setTimeout(function(){
 
+					$('#head:hover').addClass('hovered');
 
+				},1000);
 
 			},
 
 			out: function(){
 
 				$(this).removeClass('hovered');
 
 			},
 
 			timeout: 1000
 
+		}).click(function(){
 
+			$(this).addClass('hovered');
 
 		});
 
 		$('.unselectable').attr('unselectable','on');
 
 		//DEBUG
 
@@ -155,5 +162,8 @@
 
 		//END DEBUG
 
 		$o.refreshTabs();
 
 		$o.event('ready');
 
+		setTimeout(function(){
 
+			$('#head').removeClass('hovered');
 
+		},1000);
 
 	});
 
 })(window,jQuery);