-
Notifications
You must be signed in to change notification settings - Fork 133
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Fix welcome layout #216
Fix welcome layout #216
Conversation
Codecov Report
@@ Coverage Diff @@
## master #216 +/- ##
=========================================
Coverage 72.37% 72.37%
Complexity 105 105
=========================================
Files 39 39
Lines 409 409
=========================================
Hits 296 296
Misses 113 113 Continue to review full report at Codecov.
|
🔥 👍 |
<li data-level="{{ $square }}"></li> | ||
@endforeach | ||
</ul> | ||
<div class="d-flex align-items-end flex-column overflow-hidden m-4"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
.justify-content-end
вместо align-items-end flex-column
звучит имхо более разумно
в начале я не мог понять зачем тут колонка и вообще флекс
думаю при правильном классе вопросов будет меньше
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@amshkv, почему более разумно, если и то и то решает задачу одинаково?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- меньше классов
- флексы в основном юзают для главной оси, и колонка из флексов обычно означает что-то для работы именно с колонкой, а не одной строкой
- вкусовщина :)
возможно я не прав, но при использовании флексов как строки меньше нагрузка на мозг, когда я увидел колонку, мой мозг сразу зацепился за это и я пытался понять для чего это сделано
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Поправлю
<div class="col-md-4"> | ||
<h2 class="my-3">{{ __('welcome.what_is_here') }}</h2> | ||
<p>{{ __('welcome.about_sicp') }} | ||
<br> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
вот это очень плохо, такие вещи решаются через margin/padding, а не через <br>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@amshkv, это брчик уже был до моих изменений. К сожалению, для рефакторинга пока не могу выделить время.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Сделаю
@endforeach | ||
|
||
</ul> | ||
<a class="btn btn-primary" href="{{ (route('my')) }}" role="button">{{ __('layout.welcome.mark_read') }}</a> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
если я правильно понимаю, это ссылка, тогда зачем role=button
?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@amshkv, ага, это тоже было до. Согласен, что странно сделано.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Поправлю
Ну и слишком много кастома от чарта, но его видимо не избежать |
@amshkv, я тут только передвигал элементы и пару рядов с колонками обернул. Если найду время, попробую отрефакторить вёрстку. |
На главной странице немного неправильно была выстроена вёрстка, поэтому вступительный текст заезжал на график активностей.
Изменения небольшие, просто перемещение блоков, поэтому тут же добавлена адаптивность графика. Теперь при уменьшении окна браузера начало графика скрывается.
Исправляет #214
Демо на heroku.