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:
Timothy Farrell 2017-12-31 16:35:01 -06:00
parent e7dccb83f8
commit ef8df004d5
4 changed files with 4 additions and 3 deletions

View File

@ -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,

View File

@ -26,7 +26,7 @@ export function AlbumPhotoTemplate(vm, { doc }) {
return photoContainer(
{
href,
class: 'photoContainer',
class: 'albumPhoto',
onmouseenter: [hover, true],
onmouseleave: [hover, false],
css: {

View File

@ -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);

View File

@ -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({