flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-30 19:00:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

added drawer test action + some CSS experimentation...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2015-09-19 01:43:38 +03:00
parent 98f487b93e
commit 2f09e847bf
5 changed files with 67 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
ui (gen4)/css/layout.css
View File

@ -793,6 +793,27 @@ stretching in width... */
width: 12px; width: 12px;
height: 3px; height: 3px;
} }
/* XXX these are still experimental... */
.mark.brace-opening {
width: 20px;
height: 310px;
border-top: solid 5px yellow;
border-left: solid 5px yellow;
border-bottom: solid 5px yellow;
margin-top: -10px;
margin-bottom: -10px;
margin-right: -15px;
}
.mark.brace-closing {
width: 20px;
height: 310px;
border-top: solid 5px yellow;
border-right: solid 5px yellow;
border-bottom: solid 5px yellow;
margin-top: -10px;
margin-bottom: -10px;
margin-left: -15px;
}
/****************************************************** Image info ***/ /****************************************************** Image info ***/
.inline-image-info { .inline-image-info {
display: none; display: none;

27
ui (gen4)/css/layout.less
View File

@ -808,6 +808,33 @@ stretching in width... */
} }
/* XXX these are still experimental... */
.mark.brace-opening {
width: @image-tile-size / 15;
height: @image-tile-size + 10;
border-top: solid 5px yellow;
border-left: solid 5px yellow;
border-bottom: solid 5px yellow;
margin-top: -10px;
margin-bottom: -10px;
margin-right: -15px;
}
.mark.brace-closing {
width: @image-tile-size / 15;
height: @image-tile-size + 10;
border-top: solid 5px yellow;
border-right: solid 5px yellow;
border-bottom: solid 5px yellow;
margin-top: -10px;
margin-bottom: -10px;
margin-left: -15px;
}
/****************************************************** Image info ***/ /****************************************************** Image info ***/
.inline-image-info { .inline-image-info {
display: none; display: none;

1
ui (gen4)/index.html
View File

@ -6,6 +6,7 @@
<link rel="stylesheet" href="css/editor.css"> <link rel="stylesheet" href="css/editor.css">
<link rel="stylesheet" href="css/widget/browse.css"> <link rel="stylesheet" href="css/widget/browse.css">
<link rel="stylesheet" href="css/widget/overlay.css"> <link rel="stylesheet" href="css/widget/overlay.css">
<link rel="stylesheet" href="css/widget/drawer.css">
<!-- XXX remove before use... --> <!-- XXX remove before use... -->
<style> <style>

2
ui (gen4)/package.json
View File

@ -1,5 +1,5 @@
{ {
"name": "ImageGrid.Viewer (gen4)", "name": "ImageGrid.Viewer.g4",
"main": "index.html", "main": "index.html",
"version": "0.0.1", "version": "0.0.1",
"window": { "window": {

17
ui (gen4)/viewer.js
View File

@ -2216,6 +2216,7 @@ module.GlobalStateIndicator = features.Feature(ImageGridFeatures, {
// widgets... // widgets...
var browse = require('lib/widget/browse') var browse = require('lib/widget/browse')
var overlay = require('lib/widget/overlay') var overlay = require('lib/widget/overlay')
var drawer = require('lib/widget/drawer')
var makeActionLister = function(list, filter, pre_order){ var makeActionLister = function(list, filter, pre_order){
pre_order = typeof(filter) == typeof(true) ? filter : pre_order pre_order = typeof(filter) == typeof(true) ? filter : pre_order
@ -2262,6 +2263,22 @@ var ActionTreeActions = actions.Actions({
var a = l.pop() var a = l.pop()
return a +' ('+ l.join(', ') +')' return a +' ('+ l.join(', ') +')'
})], })],
// XXX this is just a test...
drawerTest:['Interface/Drawer widget test',
function(){
drawer.Drawer($('body'),
$('<div>')
.css({
position: 'relative',
background: 'white',
height: '300px',
})
.append($('<h1>')
.text('Drawer test...'))
.append($('<p>')
.text('With some text.')))
}],
}) })
var ActionTree = var ActionTree =