TODOStyle.md

#Style

headings: h1 dialog headings h2

warum dialoge extra von dialog views??

• falls irgendwann in popup oder so ändern --> leichter

feuerwerk

https://jsfiddle.net/dtrooper/AceJJ/

https://codepen.io/whqet/pen/Auzch

material input

bei error label auch einfärben??

• müssten alle labels in material input und dann dicker wegen form rule...

.ui.form .field > label {
  display: block;
  margin: 0em 0em 0.28571429rem 0em;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.92857143em;
  font-weight: bold;
  text-transform: none;
}

#TODO

• material input disabled style
• date picker (nicht selber machen...)
• time picker (time dropper in react machen)
• material input error stylue + message
• material table center icons & checkboxes
• material text area (add release dialog)
• material table sorting

sonstigs

https://dribbble.com/circular

2 bars layout

gradients:

https://webgradients.com/

youtube card shadow

box-shadow: 0 1px 2px rgba(0, 0, 0, .1);

https://medium.com/@AmJustSam/how-to-do-css-only-frosted-glass-effect-e2666bafab91

material input css only https://codepen.io/sevilayha/pen/IdGKH

wenn clipboard copy, dann kurz tooltip zeigen (wie bei https://react.semantic-ui.com/elements/icon)

/* TODO maybe also right padding???*/ .material-table--caption-line-padding

center table action icons

card actions zu durchsichtig...

wenn header actions tabs sind ... wie tabs unterstreichen (material tabs??)

date + time picker

https://github.com/wangzuo/input-moment

style guidelines machen...

hover style: ...
clickable style: ...

bei tabellen symbole vor text...