Browse Source

Mod results styling, enforce max attr length.

Add:
        static/js/index.js
                -Introduce a maximum character length to each attribute field.

        static/sass/index.sass
                -Add `overflow: auto` only when hidden information is displayed.
                -Decrease the width of the code viewport on hover; move the
                hidden information less far right.
tags/v1.0^2
Severyn Kozak 10 years ago
parent
commit
23d6f903be
2 changed files with 40 additions and 26 deletions
  1. +26
    -19
      static/js/index.js
  2. +14
    -7
      static/sass/index.sass

+ 26
- 19
static/js/index.js
File diff suppressed because it is too large
View File


+ 14
- 7
static/sass/index.sass View File

@@ -6,9 +6,9 @@
@import variables

$minSearchFieldsWidth: 490px
$resultWidth: 800px
// $resultWidth: 400px
$codeWidth: 700px
$hiddenInfoWidth: 250px
$hiddenInfoWidth: 300px

.ui-datepicker
font-size: 70%
@@ -346,7 +346,7 @@ div#results
div.result
@extend .t3

width: $resultWidth
// width: $resultWidth
height: 200px
margin-bottom: 100%
pointer-events: auto
@@ -369,6 +369,10 @@ div.result
table tr
@include opaque(1.0)

#tablecontainer
max-width: 70%
overflow: auto !important

div#display-info
font-size: 1.3em
padding: 5px 0px 5px 5px
@@ -391,17 +395,20 @@ td#code
#tablecontainer
width: 100%
height: inherit
overflow: auto
overflow: hidden
background-color: #49483e
position: relative
z-index: 1

// &:hover
// overflow: auto

table
border-collapse: collapse
font-family: monospace

.linenos
padding-left: 1%
padding-left: 8px

pre
margin-top: 5px
@@ -414,7 +421,7 @@ td#code

div#hidden-info
width: $hiddenInfoWidth
margin-left: -$hiddenInfoWidth - 200px
margin-left: -$hiddenInfoWidth
height: 100%
padding-top: 40px
font-size: 1.2em
@@ -425,7 +432,7 @@ div#hidden-info
@include vendor(transition, margin-left 0.2s ease-in-out)

.display-all &
margin-left: 0px
margin-left: -$hiddenInfoWidth / 1.5
padding-left: 20px

span


Loading…
Cancel
Save