Arrow about menubar HOT 12 CLOSED

So, I have it working but can't make electron window transparent. It might be something specific to my application.
The idea is to hide electron window and create your own with css and add a border to a body ( please see myarrow:before class which makes an arrow)
@urre see if this helps you:
global css:
.myarrow {
position: relative;
padding: 12px 0;
}

html,
body {
margin: 0 auto;
overflow: hidden;
}

/**

• Set box-sizing to border-box for all elements by default. This makes it
• easier to ensure widths when adding padding and borders.
  */
  html {
  box-sizing: border-box;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  }

*, *::before, *::after {
box-sizing: inherit;
}

.myarrow:before {
content: "";
height: 0;
width: 0;
border-width: 0 8px 12px 8px;
border-style: solid;
border-color: transparent transparent white transparent;
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
}

.page {
background: #222332;
display: flex;
flex-direction: column;
width: 340px;
height: 540px;
margin: 0 auto;
}

.darwin.page {
border-radius: 5px;
box-shadow: 0 5px 24px rgba(0, 0, 0, 0.7);
overflow: hidden;
}

and html:
add myarrow class on body
and class="page darwin" on the div inside the body

from menubar.

The options passed to menubar is also used when creating the browser-window.
So, to make the window transparent:

var mb = menubar({transparent: true})

from menubar.

yes, i meant like this. A arrow on top of the menubar app window.

from menubar.

Make the window transparent and add the arrow with css.

from menubar.

thanks @jenslind, any examples out there using this with electron?

from menubar.

thanks!

from menubar.

Could you, please, be a bit more specific about adding an arrow with css?
Thanks!

from menubar.

Do you mean it's an image or css class? If css class, on which element?
Thank you!

from menubar.

css. What's the simplest solution?

from menubar.

Oh, I am asking you how to add an arrow, I was hoping someone will post the code ;)

from menubar.

Ah, And I'm the one who opened this issue/question :) #78 (comment)

from menubar.

I am new to css and electron for that matter. I'll post the solution if I find one. Thank you for quick response!

from menubar.