-
Notifications
You must be signed in to change notification settings - Fork 25
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Support for musical sources (and prototype annotations) #230
Changes from 8 commits
0bbb959
26a1143
dd52acc
375cd12
70c33b2
89d0cdb
75fd343
ef9146a
0bae391
1b7e1b0
70eaab7
8233bd1
a4cf372
bcd9fa7
800917d
91fb54b
dfc63c5
0cd7f71
0ee231a
1ee05a6
3122d48
245c4d0
d9cfbd1
62a3b59
8e8ce0a
4ca5b99
a216799
82f585c
77b96fe
79144a3
d6a9565
4365d40
5c7d76f
0316f57
1bebda7
a127598
59b0499
b544eb5
bde9c4d
70979b3
93ac98f
d9e543a
7f82aed
ceeb23c
f1f4fee
46ac335
ede5781
2fda4d4
a0656f7
db6fedf
157e2bb
429653b
18c2c29
b222013
8696461
d6867aa
1575a47
8ad49d1
96656ff
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Large diffs are not rendered by default.
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -16,6 +16,14 @@ | |
bottom: 0; | ||
background: #fff; | ||
text-align: left; | ||
|
||
display: none; | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Fulltext can't be hidden. It breaks one of the main functionalities of DFG Viewer! |
||
|
||
&:has(> .score-visible) { | ||
display: block; | ||
width: 50%; | ||
} | ||
|
||
&:before, &:after { | ||
position: absolute; | ||
right: 0; | ||
|
@@ -46,6 +54,7 @@ | |
line-height: 1.6em; | ||
font-size: 16px; | ||
color: @font-grey; | ||
display: none; | ||
&:empty { | ||
padding: 0; | ||
} | ||
|
@@ -60,10 +69,14 @@ | |
.sp { | ||
word-spacing: -4px; | ||
} | ||
.fulltext-visible & { | ||
display: block; | ||
} | ||
} | ||
@media screen and (min-width: @tabletLandscapeViewportWidth) { | ||
top: 0; | ||
max-width: 50%; | ||
width: 50%; | ||
&:before { | ||
height: 100px; | ||
.vertgrad(rgba(255,255,255,1), rgba(255,255,255,0),60%,100%); | ||
|
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,111 @@ | ||
/* | ||
* | ||
* Score | ||
* ================================================ | ||
* Specials for the Score view | ||
* | ||
* Author: Thomas Jung <thomas@tjwd.de> | ||
* License: All rights reserved | ||
sebastian-meyer marked this conversation as resolved.
Show resolved
Hide resolved
|
||
* | ||
*/ | ||
|
||
.score-container { | ||
position: absolute; | ||
top: 60px; | ||
right: 0; | ||
bottom: 0; | ||
background: #fff; | ||
text-align: left; | ||
display: none; | ||
|
||
&:has(> .score-visible) { | ||
display: block; | ||
width: 50%; | ||
} | ||
|
||
&:before, &:after { | ||
position: absolute; | ||
right: 0; | ||
left: 0; | ||
content: " "; | ||
z-index: 1; | ||
} | ||
&:before { | ||
top: 0; | ||
height: 60px; | ||
.vertgrad(rgba(255,255,255,1), rgba(255,255,255,0),40%,100%); | ||
} | ||
&:after { | ||
bottom: 0; | ||
height: 120px; | ||
.vertgrad(rgba(255,255,255,0), rgba(255,255,255,1),0,40%); | ||
} | ||
|
||
*[id^="tx-dlf-score"] { | ||
position: relative; | ||
top: 0; | ||
right: 0; | ||
width: 100%; | ||
height: 100%; | ||
padding: 60px 20px; | ||
overflow: hidden; | ||
overflow-y: auto; | ||
-webkit-overflow-scrolling: touch; | ||
line-height: 1.6em; | ||
font-size: 16px; | ||
color: @font-grey; | ||
&:empty { | ||
padding: 0; | ||
} | ||
.textline { | ||
&:after { | ||
content: " "; | ||
} | ||
} | ||
.string { | ||
padding-right: 4px; | ||
} | ||
.sp { | ||
word-spacing: -4px; | ||
} | ||
.score-visible & { | ||
display: block; | ||
} | ||
} | ||
@media screen and (min-width: @tabletLandscapeViewportWidth) { | ||
top: 0; | ||
max-width: 50%; | ||
|
||
&:before { | ||
height: 100px; | ||
.vertgrad(rgba(255,255,255,1), rgba(255,255,255,0),60%,100%); | ||
} | ||
&:after { | ||
height: 80px; | ||
.vertgrad(rgba(255,255,255,0), rgba(255,255,255,1),0,80%); | ||
} | ||
#tx-dlf-score { | ||
padding: 90px 80px 30px 30px; | ||
line-height: 1.8; | ||
.textline { | ||
&.highlight { | ||
background: lighten(@light-blue,10%); | ||
} | ||
} | ||
} | ||
} | ||
|
||
} | ||
/* | ||
@media only screen and (min-width: 1024px) { | ||
#tx-dlf-score { | ||
width: 100%; | ||
height: 80%; | ||
overflow: scroll; | ||
padding-right: 20%; | ||
margin-top: 25%; | ||
} | ||
} | ||
|
||
*/ | ||
// EOF |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" | ||
data-namespace-typo3-fluid="true" | ||
lang="en"> | ||
|
||
<f:section name="AnnotationBar"> | ||
<div class="annotation-bar"> | ||
<f:cObject typoscriptObjectPath="plugin.tx_dlf_annotation" /> | ||
</div> | ||
</f:section> | ||
|
||
</html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,21 @@ | ||
<!-- ###TEMPLATE### begin --> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. I'm not even sure what has happend here... |
||
<div class="sru-searchfield"> | ||
<form id="tx-dfgviewer-sru-form" action="###ACTION_URL###" method="post"> | ||
<label for="tx-dfgviewer-sru-query">###LABEL_QUERY###</label> | ||
<!-- Never change the @id of this input field! Otherwise search suggestions won't work! --> | ||
<input type="text" id="tx-dfgviewer-sru-query" name="###FIELD_QUERY###" value="###QUERY###" placeholder="###LABEL_QUERY###" /> | ||
<input type="submit" value="call demo" /> | ||
<input type="hidden" name="tx_dfgviewer[L]" value="###LANG_ID###" /> | ||
<input type="hidden" name="tx_dfgviewer[sru]" value="###SRU_URL###" /> | ||
<input type="hidden" name="tx_dfgviewer[id]" value="###CURRENT_DOCUMENT###" /> | ||
<input type="hidden" name="tx_dfgviewer[action]" value="###ACTION_URL###" /> | ||
</form> | ||
<!-- The following element is needed for the result list --> | ||
<div id="tx-dfgviewer-sru-results-loading" style="display: none;">###LABEL_LOADING###...</div> | ||
<div id="tx-dfgviewer-sru-results-clearing">###LABEL_DELETE_SEARCH###...</div> | ||
<div id="tx-dfgviewer-sru-results"></div> | ||
<div id="tx-dfgviewer-sru-labels" style="display:none;"> | ||
<span id="tx-dfgviewer-sru-label-noresult">###LABEL_NORESULT###</span> | ||
</div> | ||
</div> | ||
<!-- ###TEMPLATE### end --> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This should not be changed.