Skip to content

Commit d0dfddd

Browse files
mkaminsky11mkaminsky11
committed
context menus and move settings panel
1 parent 5656c3f commit d0dfddd

12 files changed

Lines changed: 357 additions & 304 deletions

File tree

‎css/material.css‎

Lines changed: 38 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,49 +1,54 @@
11
.select-box{
2-
padding: 5px;
3-
display: block;
4-
height: 38px;
2+
padding: 5px;
3+
display: block;
4+
height: 28px;
5+
}
6+
7+
.switch-box{
8+
padding-top: 0px;
9+
padding-bottom: 0px;
510
}
611

712
.select-box > p{
813
margin: 0;
914
float: left;
10-
color: #d4cfc9;
11-
font-weight: 400;
12-
font-family: "Roboto";
13-
font-size: 12px;
14-
margin-top: 11px;
15+
margin-top: 7px;
16+
font-family: 'Roboto';
17+
font-size: 14px;
18+
color: #5E5B5B;
1519
}
1620

1721
.select-box > select{
1822
text-decoration: none;
19-
-webkit-appearance: none;
20-
background-color: transparent;
21-
border: 1px solid #555;
22-
-webkit-border-radius: 3px;
23-
-moz-border-radius: 3px;
24-
border-radius: 3px;
25-
width: 120px;
26-
-webkit-box-sizing: border-box;
27-
-moz-box-sizing: border-box;
28-
box-sizing: border-box;
29-
font-size: 12px;
30-
font-weight: 200;
31-
color: #606060;
32-
line-height: 34px;
33-
padding: 0 40px 0 15px;
34-
float: right;
35-
/* display: block; */
36-
text-decoration: none;
37-
z-index: 0;
38-
position: relative;
39-
margin: 0;
23+
-webkit-appearance: none;
24+
background-color: transparent;
25+
border: 1px solid #555;
26+
-webkit-border-radius: 3px;
27+
-moz-border-radius: 3px;
28+
border-radius: 3px;
29+
width: 99px;
30+
-webkit-box-sizing: border-box;
31+
-moz-box-sizing: border-box;
32+
box-sizing: border-box;
33+
font-size: 12px;
34+
font-weight: 200;
35+
color: #606060;
36+
line-height: 27px;
37+
padding: 0px 30px 0 9px;
38+
float: right;
39+
/* display: block; */
40+
text-decoration: none;
41+
z-index: 0;
42+
position: relative;
43+
margin: 0;
4044
}
4145

4246
.select-box > span{
43-
position: absolute;
44-
right: 22px;
45-
margin-top: 6px;
46-
color: #606060;
47+
position: absolute;
48+
right: 22px;
49+
margin-top: 8px;
50+
color: #606060;
51+
font-size: 12px;
4752
}
4853

4954
.select-box > .check-switch{

‎css/style.css‎

Lines changed: 71 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
1-
body{
1+
body, html{
22
font-family: 'Roboto-Thin' !important;
33
overflow-x: hidden;
44
overflow-y: hidden;
55
margin: 0;
6+
width: 100%;
7+
height: 100%;
68
}
79

810
.CodeMirror{
@@ -17,7 +19,7 @@ body{
1719
}
1820
#users{
1921
width: 53px;
20-
height: calc(100% - 67px);
22+
height: calc(100% - 47px);
2123
float:right;
2224
position:absolute;
2325
margin-left: calc(100% - 53px);
@@ -57,14 +59,14 @@ body{
5759
*/
5860

5961
.toolbar{
60-
position: absolute;
61-
float: right;
62-
width: 53px;
63-
height: 57px;
64-
margin-left: calc(100% - 53px);
65-
top: calc(100% - 67px);
66-
text-align: center;
67-
padding-top: 10px;
62+
position: absolute;
63+
float: right;
64+
width: 53px;
65+
height: 37px;
66+
margin-left: calc(100% - 53px);
67+
top: calc(100% - 47px);
68+
text-align: center;
69+
padding-top: 10px;
6870
}
6971
.toolbar > span{
7072
color: #eee;
@@ -121,7 +123,7 @@ body{
121123
margin-bottom: 4px;
122124
border-top: none;
123125
height: 1px;
124-
background-color;#0097a7;
126+
background-color: #0097a7;
125127
}
126128

127129
#side{
@@ -464,49 +466,14 @@ body{
464466
float: right;
465467
overflow: visible;
466468
}
467-
.popup{
468-
position: absolute;
469-
z-index: 90;
470-
background-color: white;
471-
border-radius: 2px;
472-
-moz-box-shadow: 0 0 9px #4A4A4A;
473-
-webkit-box-shadow: 0 0 9px #4A4A4A;
474-
box-shadow: 0 0 9px #4A4A4A;
475-
right: 5px;
476-
top: 35px;
477-
}
478-
.popup span{
479-
display: block;
480-
padding: 7px;
481-
padding-left: 14px;
482-
font-family: 'Roboto';
483-
padding-right: 18px;
484-
font-size: 14px;
485-
color: #5E5B5B;
486-
border-bottom: none;
487-
padding-top: 6px;
488-
padding-bottom: 6px;
489-
text-align: left;
490-
width: 80px;
491-
}
492-
.popup a{
493-
color: #5E5B5B !important;
494-
}
495-
496-
.popup span i{
497-
margin-right: 5px;
498-
}
499469

500-
.popup span:hover{
501-
background-color: #eee;
502-
}
503470
#navigate{
504471
height: 33px;
505472
min-height: 0;
506473
}
507474
#navigate div{
508475
color: #9e9e9e;
509-
width: 20%;
476+
width: 33%;
510477
height: 22px;
511478
padding-top: 7px;
512479
padding-bottom: 3px;
@@ -967,15 +934,71 @@ LOADING ICON
967934
* CONTEXT
968935
*/
969936

937+
.popup{
938+
position: absolute;
939+
z-index: 90;
940+
background-color: white;
941+
border-radius: 2px;
942+
-moz-box-shadow: 0 0 9px #4A4A4A;
943+
-webkit-box-shadow: 0 0 9px #4A4A4A;
944+
box-shadow: 0 0 9px #4A4A4A;
945+
right: 5px;
946+
top: 35px;
947+
}
948+
.popup>span{
949+
display: block;
950+
padding: 7px;
951+
padding-left: 14px;
952+
font-family: 'Roboto';
953+
padding-right: 18px;
954+
font-size: 14px;
955+
color: #5E5B5B;
956+
border-bottom: none;
957+
padding-top: 6px;
958+
padding-bottom: 6px;
959+
text-align: left;
960+
width: 80px;
961+
}
962+
.popup a{
963+
color: #5E5B5B !important;
964+
}
965+
966+
.popup>span i{
967+
margin-right: 5px;
968+
}
969+
970+
.popup>span:hover{
971+
background-color: #eee;
972+
}
973+
974+
.popup:before{
975+
width: 0px;
976+
height: 0px;
977+
content: '\25b2';
978+
position: absolute;
979+
top: -15px;
980+
font-size: 14px;
981+
color: white;
982+
right: 22px;
983+
}
984+
985+
#setting-popup{
986+
width: 200px;
987+
}
988+
970989
#context{
971990
display: none;
972991
width: 115px;
973992
}
974993

994+
#context:before{
995+
left: 13px;
996+
}
997+
975998
.context-menu--active{
976999
display: block !important;
9771000
}
9781001

9791002
.context-click{
9801003
padding: 3px;
981-
}
1004+
}

0 commit comments

Comments
 (0)