aboutsummaryrefslogtreecommitdiff
path: root/javascript/app/styles
diff options
context:
space:
mode:
authoralexwl <alexey.a.kiryushin@gmail.com>2018-10-02 13:17:04 +0300
committeralexwl <alexey.a.kiryushin@gmail.com>2018-10-02 13:17:04 +0300
commitcf2c56c7061b7ed40fdd3b40a352ddb9c9b7371f (patch)
treeb1de9ada0f1b1cb064e3a9e0d4042d1f519085bd /javascript/app/styles
Initial commit
Diffstat (limited to 'javascript/app/styles')
-rw-r--r--javascript/app/styles/app.scss555
1 files changed, 555 insertions, 0 deletions
diff --git a/javascript/app/styles/app.scss b/javascript/app/styles/app.scss
new file mode 100644
index 0000000..f094187
--- /dev/null
+++ b/javascript/app/styles/app.scss
@@ -0,0 +1,555 @@
+@import "ember-cli-bootstrap-4/bootstrap";
+
+body {
+ font-size:14px;
+}
+
+a, a:visited, a:focus, a:active, a:hover{
+ outline:0 none;
+}
+
+input:focus{
+ outline:none;
+}
+
+p {
+ margin-top:1rem;
+}
+
+.ember-radio-button {
+ cursor:pointer;
+}
+
+label {
+ margin-bottom:0px;
+}
+
+ul {
+ list-style: none;
+ padding : 0;
+}
+
+ol {
+ list-style: none;
+ padding : 0;
+}
+
+li {
+ list-style: none;
+}
+
+.documentation {
+ margin-top:10px;
+ li {
+ list-style: disc outside none;
+ }
+ ul {
+ padding-left:15px;
+ }
+ ol {
+ padding-left:15px;
+ }
+}
+
+.flex-container {
+ display:flex;
+ flex-direction:column;
+ height:100%;
+ width:100%;
+}
+
+.absolute-container {
+ position:absolute;
+ top:0;
+ bottom:0;
+ left:0;
+ right:0;
+}
+
+.header {
+ flex: none;
+ padding:5px;
+ img {
+ float:left;
+ }
+}
+
+.header-item {
+ display:inline-block;
+ margin-top:5px;
+ font-size : 1rem;
+ margin-right: 40px;
+ white-space: nowrap;
+ @media screen and (max-width: 700px) {
+ margin-right: 10px;
+ margin-left: 10px;
+ }
+}
+
+.content {
+ flex: auto;
+ position:relative;
+ overflow:auto;
+}
+
+.packages {
+ flex:auto;
+ overflow-y:auto;
+ li {
+ margin-bottom: 5px;
+ }
+ a {
+ margin-right:5px;
+ }
+}
+
+.package-content {
+ flex:auto;
+ position:relative;
+}
+
+.package-header {
+ padding:5px;
+}
+
+.package-header-input {
+ display:inline-block;
+ margin-right:10px;
+}
+
+.package-modules {
+ margin-left:10px;
+}
+
+.module-name {
+ font-size:0.7rem;
+}
+
+.package-search-form {
+ max-width:500px;
+ margin-bottom:10px;
+ margin-top:20px;
+}
+
+.package-header-filename {
+ white-space: nowrap;
+}
+
+.package-header-package-name {
+ margin-right:10px;
+ font-size:17px;
+}
+
+.module-search-input {
+ max-width:500px;
+ margin:5px;
+}
+
+ul.modules {
+ position:absolute;
+ top:50px;
+ bottom:0px;
+ margin:0px;
+ padding-left:15px;
+ left:0px;
+ right:0px;
+ display:flex;
+ flex-direction: column;
+ flex-wrap: wrap;
+ li {
+ margin-right: 10px;
+ }
+ overflow-x:auto;
+}
+
+.left-panel {
+ position: absolute;
+ bottom : 0;
+ top : 0;
+ left : 0;
+ width : 300px;
+}
+
+.show-left-panel-button {
+ position:absolute;
+ top:0px;
+ right:-20px;
+ z-index:2;
+ width:20px;
+ height:20px;
+ text-align:center;
+ vertical-align:middle;
+ a {
+ text-decoration:none;
+ }
+ opacity:0.6;
+ display:none;
+}
+
+.show-left-panel-button:hover {
+ opacity:1;
+ cursor:pointer;
+}
+
+.hide-file-tree {
+ position: relative;
+ top: 8px;
+ left: 3px;
+}
+
+.hide-declarations {
+ margin:7px;
+}
+
+.right-panel {
+ position: absolute;
+ bottom : 0;
+ top : 0;
+ right : 0;
+ left : 300px;
+ overflow-x: auto;
+ overflow-y: auto;
+}
+
+.file-tree-container {
+ overflow-x: hidden;
+ overflow-y: auto;
+ position: absolute;
+ bottom : 0;
+ top : 0;
+ left: 0;
+ right: 0;
+}
+
+.file-container {
+ position: absolute;
+ bottom : 0px;
+ top : 0;
+ right : 0;
+ left : 0;
+ overflow-x: auto;
+ overflow-y: auto;
+}
+
+.bottom-panel {
+ display:none;
+ position: absolute;
+ bottom : 0;
+ right : 0;
+ left : 0;
+ overflow-x: auto;
+ overflow-y: auto;
+ z-index:4;
+}
+
+.bottom-panel-header {
+ position: absolute;
+ top: 0;
+ right : 0;
+ left : 0;
+ height: 35px;
+ padding: 5px;
+}
+
+.bottom-panel-content {
+ position: absolute;
+ bottom : 0;
+ top : 35px;
+ right : 0;
+ left : 0;
+ overflow-x: auto;
+ overflow-y: auto;
+}
+
+.bottom-panel-header-options {
+ float:right;
+}
+
+.bottom-panel-header-content {
+ white-space:nowrap;
+}
+
+.highlighted-identifier {
+ border-radius: 3px;
+ box-shadow: 0 0 0 1px #B4B4B4;
+}
+
+.identifier {
+ cursor:pointer;
+}
+
+td.line-number {
+ cursor:pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ width: 1%;
+ min-width: 60px;
+ text-align: left;
+ padding-left:10px;
+ opacity: 0.8;
+}
+
+td.line-number:hover {
+ opacity : 1;
+}
+
+td.line-content {
+ padding-left:5px;
+
+}
+
+$source-code-font:Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
+
+.source-code {
+ font-family: $source-code-font;
+ white-space:pre;
+ line-height:1.25;
+ tab-size: 4;
+}
+
+.break-word {
+ word-wrap:break-word;
+}
+
+code,pre {
+ font-family: $source-code-font !important;
+ white-space:pre;
+ line-height:1.25;
+ font-size:100%;
+ color : unset;
+}
+
+.source-code-font {
+ font-family: $source-code-font;
+ line-height:1.25;
+}
+
+.source-code-snippet {
+ padding: 4px;
+ text-decoration:none !important;
+ display:block;
+}
+
+.source-code-snippet > b {
+ border-radius: 3px;
+ border: 1px solid #B4B4B4;
+ margin: -1px;
+}
+
+.source-code-snippet:hover {
+ text-decoration:none;
+}
+
+.source-code-container {
+ margin : 5px;
+}
+
+.declarations {
+ position:fixed;
+ top:150px;
+ right:15px;
+ width: 450px;
+ z-index:1;
+ div {
+ margin : 5px;
+ }
+}
+
+.declarations-header {
+ opacity:0.9;
+ height:50px;
+}
+
+.declarations-content {
+ opacity:0.9;
+ position:absolute;
+ top:50px;
+ left:0px;
+ right:0px;
+ max-height:500px;
+ overflow-y:auto;
+ overflow-x:hidden;
+}
+
+@media screen and (max-width: 1500px) {
+ .declarations {
+ display:none;
+ }
+}
+
+.info-window-container {
+ position:absolute;
+ width:750px;
+ z-index:10;
+}
+
+.info-window-header {
+ margin:5px;
+ width: 100%;
+ cursor: move;
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab;
+}
+
+.info-window-content {
+ max-height:200px;
+ overflow-x:auto;
+ overflow-y:auto;
+}
+
+.info-window-options {
+ margin-right:10px;
+ margin-left:10px;
+ float:right;
+}
+
+
+.ui-draggable-dragging .info-window-header {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing;
+}
+
+span.link {
+ cursor:pointer;
+ white-space:nowrap;
+}
+
+span.link:hover {
+ text-decoration:underline;
+}
+
+.ui-resizable-n {
+ height: 13px !important;;
+}
+
+.ui-resizable-w {
+ width: 13px !important;;
+}
+
+.type-info {
+ padding-top: 5px;
+ padding-bottom: 5px;
+}
+
+.type-component {
+ display: inline-block;
+}
+
+dd {
+ margin-left: 1em;
+}
+
+.autocomplete-container {
+ position:absolute;
+ z-index:10;
+ display:none;
+ left:0px;
+}
+
+ul.autocomplete-items {
+ li {
+ cursor:pointer;
+ max-height: 200px;
+ overflow: hidden;
+ }
+}
+
+.autocomplete-item {
+ padding:5px;
+}
+
+.file-tree-header {
+ position:absolute;
+ top:0;
+ left:0;
+ right:0;
+ height:50px;
+ margin:5px;
+}
+
+.file-tree-content {
+ position:absolute;
+ top:50px;
+ left:0;
+ right:0;
+ bottom:0;
+ overflow-x:auto;
+ overflow-x:auto;
+}
+
+button {
+ color:black;
+}
+
+.paginated-list-header {
+ position:absolute;
+ top:0px;
+ left:0px;
+ right:0px;
+ height:40px;
+ padding: 5px;
+ white-space:nowrap;
+}
+
+.paginated-list-content {
+ position:absolute;
+ top:40px;
+ bottom:0px;
+ left:0px;
+ right:0px;
+ overflow:auto;
+}
+
+.pagination-button {
+ font-size: 10px;
+}
+
+.search-results-header {
+ position:absolute;
+ top:0px;
+ left:0px;
+ right:0px;
+ height:35px;
+ padding: 5px;
+ white-space:nowrap;
+}
+
+.search-results-content {
+ position:absolute;
+ top:35px;
+ bottom:0px;
+ left:0px;
+ right:0px;
+}
+
+.search-result {
+ padding:5px;
+}
+
+.expression {
+ margin-bottom:15px;
+}
+
+.expressions {
+ margin:5px;
+}
+
+.file-name {
+ margin-left:5px;
+}
+
+.identifier-info {
+ margin:5px;
+}
+
+.identifier-module {
+ margin-top:10px;
+}
+
+.identifier-menu-item {
+ margin-right:10px;
+}