Permalink
Browse files

UI fixes for tab numero #1 in Farabi6 :)

  • Loading branch information...
1 parent 5a8f1ec commit f68978260b3dd8b35002f7f3950c46e284b8596d @azawawi committed Nov 5, 2012
Showing with 34 additions and 5 deletions.
  1. +20 −1 lib/Farabi6/files/farabi.css
  2. +14 −4 lib/Farabi6/files/index.html
@@ -1,12 +1,15 @@
.CodeMirror {
- min-height: 450px;
+ min-height : 450px;
+ border-bottom : 1px solid #DDD !important;
+ border-right : 1px solid #DDD !important;
}
.CodeMirror-scroll {
min-height: 450px;
}
.CodeMirror-gutter {
width: 3em;
background: white;
+ border-left : 1px solid #DDD;
}
.farabi-bordered {
border: 1px solid #DDD !important;
@@ -76,3 +79,19 @@ span.CodeMirror-matchhighlight {
.modal-backdrop {
opacity: 0.1 !important;
}
+
+/* Minimal editor tabs */
+.nav-tabs > li > a {
+ padding-top : 0px;
+ padding-bottom : 0px;
+ border-bottom-color : #DDD !important;
+}
+
+.nav {
+ margin-bottom : 0px;
+}
+
+/* Minimal top navigation bar (i.e. menubar) */
+.navbar {
+ margin-bottom : 5px;
+}
@@ -147,8 +147,17 @@
</div>
<div class="row-fluid">
- <div class="span12 farabi-bordered">
- <textarea id="editor" name="editor" class="editor">
+ <div class="span12">
+ <div class="editor-container">
+ <ul id="myTab" class="nav nav-tabs">
+ <li class="active"><a href="#home" data-toggle="tab">Home&nbsp;&nbsp;<i class="icon-remove"></i></a></li>
+ </ul>
+ <div id="myTabContent" class="tab-content">
+ <div class="tab-pane fade active" id="home">
+ </div>
+ </div>
+ </div>
+ <textarea id="editor" name="editor" class="editor">
use v6;
my $farabi = "Farabi 6";
@@ -167,9 +176,10 @@
=end pod
</textarea>
+ <div id="editor_stats" class="pull-right"></div>
+
+ </div>
- <div id="editor_stats" class="pull-right"></div>
- </div>
</div>
<div class="row-fluid">

0 comments on commit f689782

Please sign in to comment.