Commit dcabe062b3b8c388e4d063d3550d72660586b9a5
1 parent
fedb7028
test
Showing
3 changed files
with
137 additions
and
2 deletions
Show diff stats
common/modules/comment/resources/comment.css
common/modules/comment/widgets/views/form-comment-review.php
| @@ -26,7 +26,7 @@ | @@ -26,7 +26,7 @@ | ||
| 26 | if($model->scenario == $model::SCENARIO_GUEST) { | 26 | if($model->scenario == $model::SCENARIO_GUEST) { |
| 27 | echo $form->field($model, 'user_name', [ | 27 | echo $form->field($model, 'user_name', [ |
| 28 | 'options' => [ | 28 | 'options' => [ |
| 29 | - 'class' => 'input-blocks-comm', | 29 | + 'class' => 'input-blocks-comm fix_marg_', |
| 30 | ], | 30 | ], |
| 31 | 'inputOptions' => [ | 31 | 'inputOptions' => [ |
| 32 | 'class' => 'custom-input-4', | 32 | 'class' => 'custom-input-4', |
frontend/web/css/style.css
| @@ -1145,3 +1145,138 @@ input.error_pass{ | @@ -1145,3 +1145,138 @@ input.error_pass{ | ||
| 1145 | .portfolio-text-name{ | 1145 | .portfolio-text-name{ |
| 1146 | padding: 20px 0; | 1146 | padding: 20px 0; |
| 1147 | } | 1147 | } |
| 1148 | +/*****comments***/ | ||
| 1149 | +.style {} | ||
| 1150 | +.new-portf-add-comm { | ||
| 1151 | + padding: 24px 20px 30px 20px; | ||
| 1152 | + box-sizing: border-box; | ||
| 1153 | + margin-top: 10px; | ||
| 1154 | + background: #f1f1f1; | ||
| 1155 | + width: 100%; | ||
| 1156 | + float: left; | ||
| 1157 | +} | ||
| 1158 | + | ||
| 1159 | +.input-blocks-comm { | ||
| 1160 | + width: 230px; | ||
| 1161 | + float: left; | ||
| 1162 | + margin-left: 34px; | ||
| 1163 | + position: relative; | ||
| 1164 | +} | ||
| 1165 | +.input-blocks-comm.fix_marg_ { margin-left: 0;} | ||
| 1166 | +.input-blocks-comm label { | ||
| 1167 | + font-size: 13px; | ||
| 1168 | + color: #454545; | ||
| 1169 | + font-weight: 700; | ||
| 1170 | +} | ||
| 1171 | +.custom-input-4 { | ||
| 1172 | + width: 230px; | ||
| 1173 | + height: 32px; | ||
| 1174 | + border: 0; | ||
| 1175 | + box-sizing: border-box; | ||
| 1176 | + outline: none; | ||
| 1177 | + color: #333; | ||
| 1178 | + font-size: 13px; | ||
| 1179 | + line-height: 29px; | ||
| 1180 | + padding-left: 8px; | ||
| 1181 | + margin-top: 5px; | ||
| 1182 | +} | ||
| 1183 | +.help-block { | ||
| 1184 | + width: 320px; | ||
| 1185 | + margin-left: -10px; | ||
| 1186 | + text-align: center; | ||
| 1187 | + position: relative; | ||
| 1188 | + border: 1px solid #c1c1c1; | ||
| 1189 | + margin-top: 25px; | ||
| 1190 | + box-shadow: 3px 3px 7px 0 rgba(200, 200, 200, .5), inset 0 -3px 0 0 #c1c1c1; | ||
| 1191 | + padding: 15px 0; | ||
| 1192 | + display: none; | ||
| 1193 | +} | ||
| 1194 | +.has-error .help-block { | ||
| 1195 | + display: block; | ||
| 1196 | + color: inherit; | ||
| 1197 | + background: #fff; | ||
| 1198 | +} | ||
| 1199 | +.new-portf-add-comm .help-block { | ||
| 1200 | + width: 230px; | ||
| 1201 | + margin-left: 0; | ||
| 1202 | + padding: 16px 10px; | ||
| 1203 | + box-sizing: border-box; | ||
| 1204 | +} | ||
| 1205 | +.help-block:before { | ||
| 1206 | + content: ''; | ||
| 1207 | + width: 20px; | ||
| 1208 | + height: 20px; | ||
| 1209 | + background: #fff; | ||
| 1210 | + border: 1px solid #c1c1c1; | ||
| 1211 | + transform: rotate(45deg); | ||
| 1212 | + position: absolute; | ||
| 1213 | + top: -12px; | ||
| 1214 | + left: 50%; | ||
| 1215 | + margin-left: -10px; | ||
| 1216 | +} | ||
| 1217 | +.help-block:after { | ||
| 1218 | + content: ''; | ||
| 1219 | + width: 20px; | ||
| 1220 | + height: 20px; | ||
| 1221 | + transform: rotate(45deg); | ||
| 1222 | + position: absolute; | ||
| 1223 | + top: -10px; | ||
| 1224 | + left: 50%; | ||
| 1225 | + margin-left: -10px; | ||
| 1226 | + background: #fff; | ||
| 1227 | + border: 1px solid #fff; | ||
| 1228 | +} | ||
| 1229 | +.input-blocks-comm.area-comm { | ||
| 1230 | + width: 100%; | ||
| 1231 | + margin-left: 0; | ||
| 1232 | + margin-top: 10px; | ||
| 1233 | + position: relative; | ||
| 1234 | +} | ||
| 1235 | +.custom-area-4 { | ||
| 1236 | + min-height: 142px; | ||
| 1237 | + max-height: 142px; | ||
| 1238 | + resize: none; | ||
| 1239 | + width: 100%; | ||
| 1240 | + max-width: 100%; | ||
| 1241 | + border: 0; | ||
| 1242 | + box-sizing: border-box; | ||
| 1243 | + outline: none; | ||
| 1244 | + color: #636363; | ||
| 1245 | + font-size: 13px; | ||
| 1246 | + padding-left: 8px; | ||
| 1247 | + padding-top: 8px; | ||
| 1248 | + margin-top: 5px; | ||
| 1249 | +} | ||
| 1250 | +.input-blocks-comm-button { | ||
| 1251 | + text-align: right; | ||
| 1252 | + margin-top: 16px; | ||
| 1253 | + float: left; | ||
| 1254 | + width: 100%; | ||
| 1255 | +} | ||
| 1256 | +.input-blocks-comm-button button { | ||
| 1257 | + background: #6a9f33; | ||
| 1258 | + color: #fff; | ||
| 1259 | + font-size: 13px; | ||
| 1260 | + height: 27px; | ||
| 1261 | + outline: none; | ||
| 1262 | + cursor: pointer; | ||
| 1263 | + border-radius: 4px; | ||
| 1264 | + padding: 0 17px; | ||
| 1265 | + border: 1px solid #6a9f33; | ||
| 1266 | +} | ||
| 1267 | +.input-blocks-comm-button button:hover {background: #588b22;border: 1px solid #588b22;} | ||
| 1268 | +.input-blocks-comm-button button:active {background: #3e6416;border: 1px solid #3e6416;} | ||
| 1269 | +.comments-name { | ||
| 1270 | + font-weight: normal; | ||
| 1271 | + margin-top: -3px; | ||
| 1272 | +} | ||
| 1273 | +.comments-name a { | ||
| 1274 | + color: #0072bc; | ||
| 1275 | + text-decoration: none; | ||
| 1276 | +} | ||
| 1277 | +.comments-name span { | ||
| 1278 | + color: inherit; | ||
| 1279 | +} | ||
| 1280 | +.new-portf-comm-read .comments-name a, .new-portf-comm-read .comments-name span { | ||
| 1281 | + font-size: 13px; | ||
| 1282 | +} | ||
| 1148 | \ No newline at end of file | 1283 | \ No newline at end of file |