aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/standalone/videos
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-04-28 16:41:07 +0200
committerChocobozzz <me@florianbigard.com>2021-04-28 17:53:57 +0200
commit931d3430184143ebd88e5243def6eb1d7acfdbf4 (patch)
tree909919bafd6fa8563d26d616c6257ebd0211c83c /client/src/standalone/videos
parent7d026caf683e42fd57a243a3b52a5e4f476fbb4e (diff)
downloadPeerTube-931d3430184143ebd88e5243def6eb1d7acfdbf4.tar.gz
PeerTube-931d3430184143ebd88e5243def6eb1d7acfdbf4.tar.zst
PeerTube-931d3430184143ebd88e5243def6eb1d7acfdbf4.zip
Move to stylelint
Diffstat (limited to 'client/src/standalone/videos')
-rw-r--r--client/src/standalone/videos/embed.scss25
-rw-r--r--client/src/standalone/videos/test-embed.scss22
2 files changed, 26 insertions, 21 deletions
diff --git a/client/src/standalone/videos/embed.scss b/client/src/standalone/videos/embed.scss
index cbe6bdd01..e32cce54e 100644
--- a/client/src/standalone/videos/embed.scss
+++ b/client/src/standalone/videos/embed.scss
@@ -21,7 +21,8 @@ video {
21} 21}
22 22
23/* fill the entire space */ 23/* fill the entire space */
24html, body { 24html,
25body {
25 height: 100%; 26 height: 100%;
26 margin: 0; 27 margin: 0;
27 background-color: #000; 28 background-color: #000;
@@ -70,18 +71,18 @@ html, body {
70 text-align: center; 71 text-align: center;
71 width: 100%; 72 width: 100%;
72 height: 100%; 73 height: 100%;
73 color: white; 74 color: #fff;
74 box-sizing: border-box; 75 box-sizing: border-box;
75 font-family: sans-serif; 76 font-family: sans-serif;
77}
76 78
77 #error-title { 79#error-title {
78 font-size: 45px; 80 font-size: 45px;
79 margin-bottom: 5px; 81 margin-bottom: 5px;
80 } 82}
81 83
82 #error-content { 84#error-content {
83 font-size: 24px; 85 font-size: 24px;
84 }
85} 86}
86 87
87#placeholder-preview { 88#placeholder-preview {
@@ -97,10 +98,10 @@ html, body {
97@media screen and (max-width: 300px) { 98@media screen and (max-width: 300px) {
98 #error-block { 99 #error-block {
99 font-size: 36px; 100 font-size: 36px;
101 }
100 102
101 #error-content { 103 #error-content {
102 font-size: 14px; 104 font-size: 14px;
103 }
104 } 105 }
105} 106}
106 107
diff --git a/client/src/standalone/videos/test-embed.scss b/client/src/standalone/videos/test-embed.scss
index 85ce4e0f7..b9ac3e74e 100644
--- a/client/src/standalone/videos/test-embed.scss
+++ b/client/src/standalone/videos/test-embed.scss
@@ -15,7 +15,7 @@ body {
15} 15}
16 16
17iframe { 17iframe {
18 border: none; 18 border: 0;
19 border-radius: 8px; 19 border-radius: 8px;
20 min-width: 200px; 20 min-width: 200px;
21 width: 100%; 21 width: 100%;
@@ -41,7 +41,7 @@ aside {
41 .icon { 41 .icon {
42 height: 100%; 42 height: 100%;
43 padding: 0 18px 0 32px; 43 padding: 0 18px 0 32px;
44 background: white; 44 background: #fff;
45 display: flex; 45 display: flex;
46 align-items: center; 46 align-items: center;
47 margin-right: 0.5em; 47 margin-right: 0.5em;
@@ -62,13 +62,13 @@ header {
62 width: 100%; 62 width: 100%;
63 height: 3.2em; 63 height: 3.2em;
64 background-color: #F1680D; 64 background-color: #F1680D;
65 color: white; 65 color: #fff;
66 //background-image: url(../../assets/images/backdrop/network-o.png); 66 //background-image: url(../../assets/images/backdrop/network-o.png);
67 display: flex; 67 display: flex;
68 flex-direction: row; 68 flex-direction: row;
69 align-items: center; 69 align-items: center;
70 margin-bottom: 1em; 70 margin-bottom: 1em;
71 box-shadow: 1px 0px 10px rgba(0,0,0,0.6); 71 box-shadow: 1px 0 10px rgba(0, 0, 0, 0.6);
72 background-size: 50%; 72 background-size: 50%;
73 background-position: top left; 73 background-position: top left;
74 padding-right: 1em; 74 padding-right: 1em;
@@ -87,13 +87,13 @@ header {
87 display: flex; 87 display: flex;
88 flex-wrap: wrap; 88 flex-wrap: wrap;
89 89
90 & > * { 90 > * {
91 flex-grow: 0; 91 flex-grow: 0;
92 } 92 }
93} 93}
94 94
95fieldset { 95fieldset {
96 border: none; 96 border: 0;
97 min-width: 8em; 97 min-width: 8em;
98 legend { 98 legend {
99 border-bottom: 1px solid #ccc; 99 border-bottom: 1px solid #ccc;
@@ -103,12 +103,12 @@ fieldset {
103 103
104button { 104button {
105 background: #F1680D; 105 background: #F1680D;
106 color: white; 106 color: #fff;
107 font-weight: bold; 107 font-weight: bold;
108 border-radius: 5px; 108 border-radius: 5px;
109 margin: 0; 109 margin: 0;
110 padding: 1em 1.25em; 110 padding: 1em 1.25em;
111 border: none; 111 border: 0;
112} 112}
113 113
114a { 114a {
@@ -118,7 +118,11 @@ a {
118 text-decoration: underline; 118 text-decoration: underline;
119 } 119 }
120 120
121 &, &:hover, &:focus, &:visited, &:active { 121 &,
122 &:hover,
123 &:focus,
124 &:visited,
125 &:active {
122 color: #F44336; 126 color: #F44336;
123 } 127 }
124} 128}