mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-07 06:58:26 -04:00
Hard code some data in the Python
This commit adds some stubbed data for the pages. The structure of the data is just a proposal, but it gives the templates something to work with for now.
This commit is contained in:
7
app/assets/stylesheets/components/placeholder.scss
Normal file
7
app/assets/stylesheets/components/placeholder.scss
Normal file
@@ -0,0 +1,7 @@
|
||||
.placeholder {
|
||||
display: inline;
|
||||
background: $light-blue;
|
||||
color: $white;
|
||||
padding: 0 5px;
|
||||
box-shadow: inset 0 0 0 2px $panel-colour;
|
||||
}
|
||||
41
app/assets/stylesheets/components/sms-message.scss
Normal file
41
app/assets/stylesheets/components/sms-message.scss
Normal file
@@ -0,0 +1,41 @@
|
||||
.sms-message {
|
||||
|
||||
position: relative;
|
||||
margin: 0 0 $gutter 0;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
bottom: -12px;
|
||||
right: 5px;
|
||||
width: 20px;
|
||||
height: 25px;
|
||||
border-radius: 100%;
|
||||
background: $panel-colour;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
z-index: 20;
|
||||
bottom: -15px;
|
||||
right: -5px;
|
||||
border-radius: 100%;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: $white;
|
||||
}
|
||||
|
||||
&-wrapper {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
z-index: 30;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: $gutter/2;
|
||||
background: $panel-colour;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user