mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-10 08:52:39 +01:00
4004621d76
Summary:
The selection reticle in Pholio is functional but not very pretty right now. Make it look a little nicer.
- Using `box-sizing: border-box;` allows us to get rid of the `x - 1` and `y - 2` stuff.
- I draw the reticle with two elements: one mostly-transparent which creates a fill, and one fully opaque to create a strong dashed border.
Test Plan: {F31803}
Reviewers: ljalonen, chad
Reviewed By: chad
CC: aran, kchr
Differential Revision: https://secure.phabricator.com/D4836
45 lines
733 B
CSS
45 lines
733 B
CSS
/**
|
|
* @provides pholio-css
|
|
*/
|
|
.pholio-mock-image-container {
|
|
background-color: #282828;
|
|
text-align: center;
|
|
}
|
|
|
|
.pholio-mock-carousel {
|
|
background-color: #282828;
|
|
text-align: center;
|
|
}
|
|
|
|
.pholio-mock-carousel-thumbnail {
|
|
margin-right: 5px;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.pholio-mock-image {
|
|
display: inline-block;
|
|
}
|
|
|
|
.pholio-mock-select-border {
|
|
position: absolute;
|
|
background: #ffffff;
|
|
opacity: 0.25;
|
|
box-sizing: border-box;
|
|
border: 1px solid #000000;
|
|
}
|
|
|
|
.pholio-mock-select-fill {
|
|
position: absolute;
|
|
border: 1px dashed #ffffff;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.pholio-mock-wrapper {
|
|
position: relative;
|
|
display: inline-block;
|
|
cursor: crosshair;
|
|
padding: 0px;
|
|
margin: 10px 0px;
|
|
}
|
|
|