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

more tweaking...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2017-02-02 07:36:25 +03:00
parent f995891a52
commit c14dc89280
3 changed files with 27 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
ui (gen4)/css/widget/browse.css
View File

@ -348,48 +348,49 @@
content: "0";
}
.browse-widget .list>hr.separator {
.browse-widget .list hr.separator {
opacity: 0.3;
}
/* hide first/last separators... */
.browse-widget .list>hr.separator:first-child,
.browse-widget .list>hr.separator:last-child {
.browse-widget .list hr.separator:first-child,
.browse-widget .list hr.separator:last-child {
display: none;
}
/* Action... */
.browse-widget .list>.action {
.browse-widget .list .action {
margin-top: 0.2em;
border-top: solid 1px rgba(255,255,255, 0.2);
}
.browse-widget .list>.action .text {
.browse-widget .list .action .text {
font-style: italic;
}
/* do not show top border if after another action or separator... */
.browse-widget .list>.action:first-child,
.browse-widget .list>.action+.action,
.browse-widget .list>.separator+.action {
.browse-widget .list .action:first-child,
.browse-widget .list .action+.action,
.browse-widget .list .heading+.action,
.browse-widget .list .separator+.action {
border-top: none;
}
/* Heading... */
.browse-widget .list>.heading {
.browse-widget .list .heading {
color: white;
font-weight: bold;
background: rgba(0, 0, 0, 0.5);
}
.browse-widget .list>.heading:not(:first-child) {
.browse-widget .list .heading:not(:first-child) {
margin-top: 0.5em;
}
.browse-widget .list>.heading span:first-child {
.browse-widget .list .heading span:first-child {
margin-left: -0.5em;
}
/* doc */
.browse-widget .list>.heading[doc]:after {
.browse-widget .list .heading[doc]:after {
display: block;
content: attr(doc);
@ -408,7 +409,7 @@
background: rgba(0, 0, 0, 0.7);
}
/* dark theme... */
.dark .browse-widget .list>.heading {
.dark .browse-widget .list .heading {
background: rgba(255, 255, 255, 0.1);
}
@ -425,7 +426,7 @@
.browse-widget .list .item .show-on-select {
opacity: 0;
}
.browse-widget .list>.selected .show-on-select {
.browse-widget .list .selected .show-on-select {
opacity: inherit;
}
@ -439,7 +440,7 @@
border-radius: 10px;
}
.browse-widget.cloud-view .list>hr.separator {
.browse-widget.cloud-view .list hr.separator {
display: block;
}

18
ui (gen4)/features/ui-widgets.js
View File

@ -1616,17 +1616,19 @@ var WidgetTestActions = actions.Actions({
doc: 'Heading doc string...',
})
make('Normal item')
make.Group([
make('Normal item'),
// this is the same as make('...')
make.Separator()
// this is the same as make('...')
make.Separator(),
make.Editable('Editable (Select to edit)')
make.Editable('Editable (Select to edit)'),
make.Editable('Editable (Enter to edit, cleared)...', {
start_on: 'open',
clear_on_edit: true,
})
make.Editable('Editable (Enter to edit, cleared)...', {
start_on: 'open',
clear_on_edit: true,
}),
])
make.Heading('List:')
make.List(['a', 'b', 'c'])

1
ui (gen4)/lib/widget/browse.js
View File

@ -354,6 +354,7 @@ function(text, options){
// make.Heading('Group'),
// make('---'),
// make('Group item'),
// ...
// ])
//
Items.Group =