Browse Source

Move cycling buttons around.

tags/v1.0^2
Benjamin Attal 10 years ago
parent
commit
1c7707158f
2 changed files with 25 additions and 21 deletions
  1. +7
    -3
      static/js/index.js
  2. +18
    -18
      static/sass/index.sass

+ 7
- 3
static/js/index.js View File

@@ -151,7 +151,8 @@ function createResult(codelet) {
var displayInfo = document.createElement("div"),
codeElt = document.createElement("td"),
hiddenInfoContainer = document.createElement("td"),
hiddenInfo = document.createElement("div");
hiddenInfo = document.createElement("div"),
cycle = document.createElement("div");
//Level 3
var title = document.createElement("span"),
site = document.createElement("span"),
@@ -168,6 +169,7 @@ function createResult(codelet) {
displayInfo.id = 'display-info';
codeElt.id = 'code';
hiddenInfo.id = 'hidden-info';
cycle.id = 'cycle-matches'

title.id = 'title';
site.id = 'site';
@@ -256,11 +258,13 @@ function createResult(codelet) {

displayInfo.appendChild(title);
displayInfo.appendChild(site);
displayInfo.appendChild(prevMatch);
displayInfo.appendChild(nextMatch);

cycle.appendChild(prevMatch);
cycle.appendChild(nextMatch);

newDiv.appendChild(displayInfo);
newDiv.appendChild(table);
newDiv.appendChild(cycle);

return newDiv;
}


+ 18
- 18
static/sass/index.sass View File

@@ -285,6 +285,12 @@ div#results
margin-right: auto
width: 80%

a
text-decoration: none

&:hover
color: orange

/* TODO:
1) Hidden info
- Add links for authors.
@@ -306,33 +312,19 @@ div#results

&.cascade
@extend .t3
margin-bottom: 10%
margin-bottom: 15%

div#display-info
font-size: 1.3em
padding: 5px 0px 5px 5px
width: 100%

a
text-decoration: none

&:hover
color: orange

#title
margin-right: 10px

#site
text-transform: capitalize

#prev-match
font-size: 0.7em
margin-left: 125px

#next-match
font-size: 0.7em
margin-left: 20px

td#code
width: $codeWidth
height: inherit
@@ -381,7 +373,15 @@ div#hidden-info
#authors
a
font-family: monospace
text-decoration: none

&:hover
color: orange
div#cycle-matches
margin-left: 130px
margin-top: 20px

#prev-match
font-size: 1.1em
margin-left: 125px

#next-match
font-size: 1.1em
margin-left: 20px

Loading…
Cancel
Save