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

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

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