Bigbit FS now set up to open on the left just like in an editor. It is actually used as the default option to make users aware, but you can close it if you have a smaller screen and don't want to keep the editor open.
The UX on the view bigbit page had to change because it had a bunch of logic about what was open and what was allowed to be open (because the FS sat on top of the comments). The new UX is catered to what I believe to be the most common flow:
User going through tutorial
User quickly wants to check something
User goes back to the original file after they chcked whatever they needed.
You can also click on the progress bar now when viewing bigbits/snipbits to recenter on that frame.
Additionally
Progress bar made much cleaner, takes in a bunch of render config using proper type unions instead of confusing Maybes. This makes the progress bar quite reusable.
type alias RenderConfig msg =
{ state : State
, maxPosition : Int
, disabledStyling : Bool
, onClickMsg : msg
, allowClick : Bool
, textFormat : TextFormat
, shiftLeft : Bool
}
Closes
Closes #128
Description
Bigbit FS now set up to open on the left just like in an editor. It is actually used as the default option to make users aware, but you can close it if you have a smaller screen and don't want to keep the editor open.
The UX on the
view bigbit
page had to change because it had a bunch of logic about what was open and what was allowed to be open (because the FS sat on top of the comments). The new UX is catered to what I believe to be the most common flow:You can also click on the progress bar now when viewing bigbits/snipbits to recenter on that frame.
Additionally
Progress bar made much cleaner, takes in a bunch of render config using proper type unions instead of confusing
Maybe
s. This makes the progress bar quite reusable.Snapshots
Create Bigbit Open FS![image](https://cloud.githubusercontent.com/assets/9031171/25308829/64da45ee-2772-11e7-9207-99744555e198.png)
Create Bigbit Closed FS![image](https://cloud.githubusercontent.com/assets/9031171/25308831/70494092-2772-11e7-8cb8-801e8a07f468.png)
View Bigbit Open FS![image](https://cloud.githubusercontent.com/assets/9031171/25308834/7e416e36-2772-11e7-819b-cd65022f6be3.png)
View Bigbit Closed FS![image](https://cloud.githubusercontent.com/assets/9031171/25308836/8fec32ec-2772-11e7-8651-f56d6f8c3755.png)