Tip | Using CSS for Snapshot Button states

Updated at March 11th, 2024

Advice


In CSS you can set what a button will look like when pressed. To do this you have to have the “:pressed(1)” appended to the class that is applied to the button. 

For snapshots they actually have three states. 

  1. unsaved, unloaded
  2. saved, unloaded
  3. saved, loaded

If you follow the way buttons normally work you would use the “:pressed(1)”, but for snapshots you need to use “:pressed(2)” to make the UCI button reflect the correct state of saved and loaded snapshot.