Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit aa9501d6 authored by AVINASH GUSAIN's avatar AVINASH GUSAIN
Browse files

icon adjustment changes

parent 41ef1c08

css/app-sidebar.scss

+833 −881
Original line number Diff line number Diff line
@@ -29,40 +29,23 @@ 


	.property-text-location {

		align-items: stretch !important;

		position:relative;

		textarea {

			border-right: 0px;

    }

    .property-text-location-button {

      .join-btn {

        border-radius: 0 var(--border-radius) var(--border-radius) 0;

        background-color: #ffffff;

        color: var(--color-primary-text);

        padding: 6px;

        margin-top: 0px;

        height: 100%;

        min-height: auto;

        border-left: 0px;

        border-color: var(--color-border-dark);

        &:hover {

          border-color: var(--color-border-dark);

          outline: none;

          background-color: #ffffff;

        }

        &:active {

          border-color: var(--color-border-dark);

          outline: none;

          background-color: #ffffff;

        }

        &:focus {

          border-color: var(--color-border-dark);

          outline: none;

          background-color: #ffffff;

			padding-right:27px;

		}

		.icon-externallink {

			background-image: var(--icon-calendar-openlink-0075E0);

			opacity: 1;

        }

      }

			position: absolute;

			top: 0;

			right: 0;

			z-index: 2;

			display: block;

			width: 34px;

			height: 100%;

			line-height: 34px;

			text-align: center;

		}

	}
@@ -589,38 +572,6 @@ 
			background-color: grey;

		}

	}

  .property-text-location-button {

    .join-btn {

      border-radius: 0 var(--border-radius) var(--border-radius) 0;

      background-color: #ffffff;

      color: var(--color-primary-text);

      padding: 6px;

      margin-top: 0px;

      height: 100%;

      min-height: auto;

      border-left: 0px;

      border-color: var(--color-border-dark);

      &:hover {

        border-color: var(--color-border-dark);

        outline: none;

        background-color: #ffffff;

      }

      &:active {

        border-color: var(--color-border-dark);

        outline: none;

        background-color: #ffffff;

      }

      &:focus {

        border-color: var(--color-border-dark);

        outline: none;

        background-color: #ffffff;

      }

      .icon-externallink {

        background-image: var(--icon-calendar-openlink-0075E0);

        opacity: 1;

      }

    }

  }

	.property-text,

	.property-text-location,

	.property-select,
@@ -801,6 +752,7 @@ 


		.property-text-location {

			align-items: stretch !important;

			position: relative;

			textarea {

				border-right: 0px;

			}

src/components/Editor/Properties/PropertyTextLocation.vue

+6 −5
Original line number Diff line number Diff line
@@ -18,16 +18,17 @@ 
				:title="readableName"

				:value="value"

				@input.prevent.stop="changeValue" />

			<span

				v-if="!isReadOnly"

				v-visible="visibleValue"

				:title="tagPlaceholder"

				v-on:click="goto"

				class="icon-externallink"></span>

			<!-- eslint-disable-next-line vue/singleline-html-element-content-newline -->

			<div

				v-else

				v-linkify="{ text: value, linkify: true }" />

		</div>

		<div

			class="property-text-location-button">

			<button  v-visible="visibleValue" class="join-btn"><span :title="tagPlaceholder"  v-on:click="goto"  class="icon-externallink"></span></button>

		</div>



		<div

			v-if="hasInfo"

			v-tooltip="info"