Merge pull request #1064 from batuhawk/master

Element style added for components
This commit is contained in:
Batuhan Baş 2020-01-01 08:46:51 +03:00 committed by GitHub
commit 2ba443dce7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 15596 additions and 267 deletions

View File

@ -2112,19 +2112,6 @@ div.required .form-control-label:not(span):after, td.required:after
}
/*--------Bulk Action Card Header Color Finish--------*/
/*--------Select Input Color--------*/
.el-input__inner
{
height: 46px !important;
color: #8696a9 !important;
}
.el-input__inner:focus
{
color: #8696a9 !important;
}
/*--------Select Input Color Finish--------*/
/*--------Form Input Colors--------*/
.form-control-label
@ -2261,24 +2248,6 @@ option:focus
}
/*--------Language Selection Page Finish--------*/
/*--------El Select--------*/
.el-select .el-input.is-focus .el-input__inner
{
border-color: #3c3f72 !important;
border: 1px solid #3c3f72;
}
.el-select .el-input .el-input__inner:focus
{
border-color: #3c3f72 !important;
border: 1px solid #3c3f72;
}
.el-select-dropdown__item
{
color: #3c3f72 !important;
}
/*--------El Select Finish--------*/
/*--------Datepicker Color--------*/

220
public/css/custom.css vendored
View File

@ -7,132 +7,6 @@
font-style: normal;
}
/*--------Item Tax Tag--------*/
.el-select .el-select__tags .el-tag
{
background: #55588b !important;
}
.el-tag.el-tag--info
{
border-color: #55588b !important;
}
.el-select .el-select__tags
{
padding-left: 6px !important;
}
.el-select .el-select__input
{
margin-left: unset !important;
}
.select-tax .el-select .el-select__tags
{
width: unset !important;
max-width: unset !important;
}
.select-tax .el-select span:first-of-type
{
width: 60px !important;
overflow: hidden;
}
.select-tax .el-input--prefix .el-input__inner {
padding-left: 23px !important;
}
.select-tax .el-select .el-select__tags .el-select__tags-text
{
width: 20px !important;
overflow: hidden;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after
{
right: 4px !important;
color: #6da252;
}
/*--------Item Tax Tag Finish--------*/
/*--------Date Style--------*/
.el-date-table td.today span
{
color: #ffffff !important;
border: 1px solid #3c3f72;
background-color: #3c3f72;
}
.el-date-table td.end-date span, .el-date-table td.start-date span
{
background-color: #55588b !important;
}
.el-date-table td.available:hover {
color: #6da252 !important;
}
.el-picker-panel__shortcut:hover
{
color: #6da252 !important;
}
.el-picker-panel__icon-btn:hover {
color: #6da252 !important;
}
.el-date-table td.today.end-date span, .el-date-table td.today.start-date span
{
color: #ffffff;
}
.el-date-table td.in-range div
{
background-color: #3c3f72 !important;
color: #ffffff !important;
}
.el-range-editor.is-active
{
border-color: #3c3f72 !important;
}
.el-range-editor.el-input__inner
{
width: 55% !important;
align-items: baseline !important;
}
.el-date-editor .el-range-separator
{
width: 7% !important;
}
/*--------Date Style Finish--------*/
/*--------Carousel Arrows--------*/
.carousel-description
{
background-color: #3c3f72 !important;
color: #ffffff;
text-align: center;
}
.el-carousel__arrow
{
margin-top: 10.55rem !important;
color: #ffffff;
background-color: unset !important;
font-size: 24px !important;
}
.carousel-frame
{
border: 1px solid #3c3f72;
}
/*--------Carousel Arrows Finish--------*/
/*--------Credit Card--------*/
.card-input__input:hover, .card-input__input:focus {
@ -260,82 +134,6 @@ button:focus
display: none !important;
}
.el-color-picker__icon
{
padding-left: 16px;
padding-top: 5px;
}
.el-color-dropdown.el-color-picker__panel
{
top: 360px !important;
left: 580px !important;
}
.el-color-picker__color
{
margin-top: 10 !important;
height: 18px !important;
margin-left: 7px !important;
}
.el-color-picker--mini .el-color-picker__trigger
{
height: 42px !important;
margin-top: -10px;
margin-right: -2px !important;
margin-left: -10px;
position: absolute !important;
border: 0;
z-index: 99999 !important;
width: 28px !important;
}
.el-color-picker__trigger
{
border-radius: 4px 0 0 4px !important;
}
.el-input.is-active .el-input__inner, .el-input__inner:focus
{
border-color: #3c3f72 !important;
}
.input-group:focus-within .input-group
{
border-color: #55588b !important;
}
.el-button.is-plain:focus, .el-button.is-plain:hover
{
background: #ffffff !important;
border-color: #55588b !important;
color: #55588b !important;
}
.el-button--text
{
color: #55588b !important;
}
.el-color-picker--mini {
height: 24px !important;
padding-right: 6px !important;
}
.color-hex
{
padding-left: 15px !important;
}
.el-button.el-color-dropdown__link-btn.el-button--text.el-button--mini
{
margin-top: 10px !important;
}
.role-list
{
text-overflow: ellipsis;
@ -797,24 +595,6 @@ button:focus
/*--------Invoice and Bill Total Column Finish--------*/
/*--------El Select Icon--------*/
.select-icon-position
{
padding-top: 0.3rem;
}
.el-select-icon
{
padding-left: 4px;
}
.el-select .el-input .el-input__inner
{
padding-left: 39px;
}
/*--------El Select Icon Finish--------*/
/*--------Custom Table--------*/
.table thead th
{

15576
public/css/element.css vendored Normal file

File diff suppressed because it is too large Load Diff

View File

@ -19,7 +19,6 @@ locale.use(lang);
// asset imports
import './../../sass/argon.scss';
import 'element-ui/lib/theme-chalk/index.css';
export default {
install(Vue) {

View File

@ -22,8 +22,10 @@
<!-- Css -->
<link rel="stylesheet" href="{{ asset('public/css/argon.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/akaunting-color.css?v=' . version('short')) }}">
<link rel="stylesheet" href="{{ asset('public/css/custom.css?v=' . version('short')) }}">
<link rel="stylesheet" href="{{ asset('public/css/akaunting-color.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/custom.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/element.css?v=' . version('short')) }}" type="text/css">
@stack('css')

View File

@ -20,6 +20,7 @@
<link rel="stylesheet" href="{{ asset('public/css/argon.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/akaunting-color.css?v=' . version('short')) }}">
<link rel="stylesheet" href="{{ asset('public/css/custom.css?v=' . version('short')) }}">
<link rel="stylesheet" href="{{ asset('public/css/element.css?v=' . version('short')) }}">
@stack('css')

View File

@ -18,8 +18,9 @@
<!-- Css -->
<link rel="stylesheet" href="{{ asset('public/css/argon.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/akaunting-color.css?v=' . version('short')) }}">
<link rel="stylesheet" href="{{ asset('public/css/custom.css?v=' . version('short')) }}">
<link rel="stylesheet" href="{{ asset('public/css/akaunting-color.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/custom.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/element.css?v=' . version('short')) }}" type="text/css">
@stack('css')

View File

@ -20,8 +20,9 @@
<!-- Css -->
<link rel="stylesheet" href="{{ asset('public/css/argon.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/akaunting-color.css?v=' . version('short')) }}">
<link rel="stylesheet" href="{{ asset('public/css/custom.css?v=' . version('short')) }}">
<link rel="stylesheet" href="{{ asset('public/css/akaunting-color.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/custom.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/element.css?v=' . version('short')) }}" type="text/css">
@stack('css')

View File

@ -20,8 +20,9 @@
<!-- Css -->
<link rel="stylesheet" href="{{ asset('public/css/argon.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/akaunting-color.css?v=' . version('short')) }}">
<link rel="stylesheet" href="{{ asset('public/css/custom.css?v=' . version('short')) }}">
<link rel="stylesheet" href="{{ asset('public/css/akaunting-color.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/custom.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/element.css?v=' . version('short')) }}" type="text/css">
@stack('css')

View File

@ -20,11 +20,9 @@
<!-- Css -->
<link rel="stylesheet" href="{{ asset('public/css/argon.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/akaunting-color.css?v=' . version('short')) }}">
<link rel="stylesheet" href="{{ asset('public/css/custom.css?v=' . version('short')) }}">
<!-- import CSS -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<link rel="stylesheet" href="{{ asset('public/css/akaunting-color.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/custom.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/element.css?v=' . version('short')) }}" type="text/css">
@stack('css')

View File

@ -20,8 +20,9 @@
<!-- Css -->
<link rel="stylesheet" href="{{ asset('public/css/argon.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/akaunting-color.css?v=' . version('short')) }}">
<link rel="stylesheet" href="{{ asset('public/css/custom.css?v=' . version('short')) }}">
<link rel="stylesheet" href="{{ asset('public/css/akaunting-color.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/custom.css?v=' . version('short')) }}" type="text/css">
<link rel="stylesheet" href="{{ asset('public/css/element.css?v=' . version('short')) }}" type="text/css">
@stack('css')