css [Nativefier draggable header] --inject site.css #nativefier #customcss

Posted 2021-05-13

/* site.css */

/* navbar is draggable... */
nav-bar {
  -webkit-app-region: drag;
}

/* but any buttons inside the header shouldn't be draggable */
nav-bar button {
  -webkit-app-region: no-drag;
}

/* perhaps move some items out of way for the traffic light */
nav-bar div:first-child {
  margin-left: 100px;
  margin-top: 25px;
}

/* site.css */

/* header is draggable... */
header {
  -webkit-app-region: drag;
}

/* but any buttons inside the header shouldn't be draggable */
header button {
  -webkit-app-region: no-drag;
}

/* perhaps move some items out of way for the traffic light */
header div:first-child {
  margin-left: 100px;
  margin-top: 25px;
}