Start a convention where each view has a non-style class name
This helps with element-tree debugging and performance evaluation.
This commit is contained in:
parent
e7dccb83f8
commit
ef8df004d5
@ -178,6 +178,7 @@ export function AllImagesView(vm, params, key, { appbar }) {
|
||||
return function() {
|
||||
return scrollView(
|
||||
{
|
||||
class: 'allImages',
|
||||
onclick: {
|
||||
'.photoSelect .icon svg path': toggleSelect,
|
||||
'.photoSelect .icon': toggleSelect,
|
||||
|
||||
@ -26,7 +26,7 @@ export function AlbumPhotoTemplate(vm, { doc }) {
|
||||
return photoContainer(
|
||||
{
|
||||
href,
|
||||
class: 'photoContainer',
|
||||
class: 'albumPhoto',
|
||||
onmouseenter: [hover, true],
|
||||
onmouseleave: [hover, false],
|
||||
css: {
|
||||
|
||||
@ -27,7 +27,7 @@ export function Dropzone(vm, params) {
|
||||
dropEffect
|
||||
} = params;
|
||||
|
||||
const baseClassName = className || injectStyle(CSS_DROPZONE);
|
||||
const baseClassName = `dropzone ${className || injectStyle(CSS_DROPZONE)}`;
|
||||
const activeClassName = `${baseClassName} ${hoverClassName || injectStyle(CSS_DROPZONE_ACTIVE)}`;
|
||||
|
||||
const enterCounter = prop(0);
|
||||
|
||||
@ -127,7 +127,7 @@ export function FocusView(vm, params, key, { appbar }) {
|
||||
return Overlay('Loading...');
|
||||
}
|
||||
|
||||
return focusContainer([
|
||||
return focusContainer({ class: 'focus' }, [
|
||||
prevLink()
|
||||
? prevClickZone({ href: prevLink() }, [
|
||||
Icon({
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user