ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-09-20 05:40:45 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #242 from teaxyz/view-source-link

Browse source 
Add view source link to main click-to-copy field
This commit is contained in:
Thomas Smith 2022-12-27 14:18:47 -05:00 committed by GitHub
parent 0e9d11f29b ba49f17e0d
commit f6b7fbc47f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 81 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

88
src/layouts/partials/clipboard-copy.html
View file

@ -5,6 +5,9 @@
<!-- The button used to copy the text -->
<button type="button" class="clipboard-copy" id="liveToastBtn" onclick="changeCopied()">copy</button>
<a href="https://github.com/teaxyz/setup/blob/main/install.sh" class="src-link">
<button type="button" class="clipboard-copy source-btn" id="source-btn">view source</button>
</a>
</div>
<hr>
@ -17,7 +20,7 @@
@media only screen and (min-width: 992px) {
.one-liner{
width: 80%;
width: 60%;
padding: 2.455vw 4.185vw;
border-radius: 0px;
border: none;
@ -34,9 +37,18 @@
border-left: 2px solid #949494;
}
.source-btn{
width: 100% !important;
}
.src-link{
width: 20% !important;
padding: 0px !important;
}
.clipboard-copy{
height: 8.371vw;
width: 18%;
width: 20%;
font-family: "pp-neue-machina";
color:#ffffff;
font-size: 2.1vw;
@ -53,6 +65,10 @@
box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
}
#liveToastBtn{
border-left: 2px solid #949494;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
@ -62,7 +78,7 @@
}
.one-liner{
width: 80%;
width: 60%;
padding: 2.455vw 5.040vw !important;
border-radius: 0px;
border: none;
@ -79,9 +95,18 @@
border-left: 2px solid #949494;
}
.source-btn{
width: 100% !important;
}
.src-link{
width: 20% !important;
padding: 0px !important;
}
.clipboard-copy{
height: 8.371vw;
width: 18%;
width: 20%;
font-family: "pp-neue-machina";
color:#ffffff;
font-size: 2.1vw;
@ -98,6 +123,10 @@
box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
}
#liveToastBtn{
border-left: 2px solid #949494;
}
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
@ -107,10 +136,13 @@
}
.one-liner{
width: 77%;
width: 100%;
padding: 5vw 4vw;
border-radius: 0px;
border: none;
border-bottom: 2px solid #949494;
border-right: 2px solid #949494;
text-align: center;
background-color: #1a1a1a !important;
font-family: "pp-neue-machina";
color:#ffffff;
@ -124,9 +156,18 @@
border-left: 2px solid #949494;
}
.source-btn{
width: 100% !important;
}
.src-link{
width: 50% !important;
padding: 0px !important;
}
.clipboard-copy{
padding: 5vw 4vw;
width: 20%;
width: 50%;
font-family: "pp-neue-machina";
color:#ffffff;
font-size: 3.5vw;
@ -143,6 +184,10 @@
box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
}
#liveToastBtn{
border-left: 2px solid #949494;
}
}
@media only screen and (max-width: 576px) {
@ -153,6 +198,7 @@
border-radius: 0px;
border: none;
background-color: #1a1a1a !important;
border-bottom: 2px solid #949494;
font-family: "pp-neue-machina";
color:#ffffff;
text-align: center !important;
@ -168,8 +214,36 @@
border-right: 2px solid #949494;
}
.source-btn{
width: 100% !important;
}
.src-link{
width: 50% !important;
padding: 0px !important;
}
.clipboard-copy{
display: none;
padding: 5vw 4vw;
width: 50%;
font-family: "pp-neue-machina";
color:#ffffff;
font-size: 3.5vw;
float:right;
background-color: #1a1a1a !important;
border: none;
border-right: 2px solid #949494;
transition: 0.2s linear;
}
.clipboard-copy:hover{
background-color: #00ffd0 !important;
color: #1a1a1a !important;
box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
}
#liveToastBtn{
border-left: 2px solid #949494;
}
}